$(function() {
	//Função para validar os campos dos formulários.
 	$('label[data-toggle=tooltip]').tooltip();
	$('input[type="text"]').setMask();
	$("aside .boxBtn button").on('click', function() {
		$('.error').tooltip('destroy').removeAttr('title').removeAttr('original-title');
		$('.sidebar-offcanvas ul li.active a').append('<span class="glyphicon glyphicon-warning-sign bg-icon warning-yellow"></span>');
		$('.table-parcelas tbody tr:first-child').addClass('danger');

		var errors = $('.formSMA *[data-error]');

		for (var i =  errors.length - 1; i >= 0; i--) {
			$(errors[i]).attr('title', $(errors[i]).attr('data-error') );
			$(errors[i]).addClass('error');
		}
		$('body, html').animate({scrollTop:0},800,function(){
			$('.alert-danger').fadeIn();
			$('.error').tooltip({ 'placement': 'right'});
		});
	});
});

function msgsDashboard() {
	url = window.location.href.split('=');
	msg = url[1];
	switch(msg){
		case '1':
			common.messageWarning('#placeholder','success','Solicitação aprovada com sucesso!');
		break;
		case '2':
			common.messageWarning('#placeholder','success','Solicitação recusada e encaminhada para o proprietário.');
		break;
		case '3':
			common.messageWarning('#placeholder','success','Solicitação efetuada com sucesso!');
		break;
		case '4':
			common.messageWarning('#placeholder','success','A abertura da solicitação foi cancelada e continuará com o usuário atual!');
		break;
		case '5':
			common.messageWarning('#placeholder','success','Solicitação assumida com sucesso!');
		break;
			case '6':
			common.messageWarning('#placeholder','success','Solicitação aceita com sucesso. Favor dar continuidade.');
		break;
			case '7':
			common.messageWarning('#placeholder','success','Foi aberta uma solicitação de alteração deste ativo. Favor dar continuidade na solicitação.');
		break;
			case '8':
			common.messageWarning('#placeholder','success','Termo de consórcio aprovado!');
		break;
			case '9':
			common.messageWarning('#placeholder','success','Termo de consórcio reprovado!');
		break;
			case '10':
			common.messageWarning('#placeholder','success','Solicitação resgatada com sucesso!');
		break;
			case '11':
			common.messageWarning('#placeholder','success','Solicitação concluída com sucesso!');
			$('.nav-tabs [href="#finalizadas"]').tab('show');
		break;
			case '12':
			common.messageWarning('#placeholder','danger','Não foi possível concluir a solicitação!');
		break;
			case '13':
			common.messageWarning('#placeholder','success','Solitação Em Modelagem!');
		break;
			case '14':
			common.messageWarning('#placeholder','success','Anexo incluído com sucesso!');
		break;
			case '15':
			common.messageWarning('#placeholder','success','Operação realizada com sucesso.');
		break;
		case '16':
			common.messageWarning('#placeholder','success','Vigência incluída com sucesso.');
		break;
		case '17':
			common.messageWarning('#placeholder','success','A vigência foi desassociada com sucesso!');
		break;
	}
}

var flow = {
	CCEE : {
		cadastroValidar : function() {
			tables.resultTabela('DOM/pontomedicaoResultValidate2.json', '#tabPontoMedResult',true);
			$('#pesquisarPontosMedicao').parents('.panel-default').remove();
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown(function(){
				soma.validate();
				soma.validateTable();
				soma.selecionar();
			});

			// Exemplo de Aprovar tudo
			$('.aproveAll').on('click', function(event) {
				event.preventDefault();
				$('input[data-action="aprovar"]').trigger('click');
			});

			$('.cleanAprove').on('click', function(event) {
				event.preventDefault();
				$('.validar input').removeAttr('checked');
				$('.template-comment, .template-comment-table').css('display' , 'none');
			});

		},

		cadastroComentariosValidar : function() {
			tables.resultTabela('DOM/pontomedicaoResultValidate2.json', '#tabPontoMedResult',true);
			$('#pesquisarPontosMedicao').parents('.panel-default').remove();
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown(function(){
				soma.validate();
				soma.validateTable();
				soma.selecionar();
			});

			$('.aproveAll').on('click', function(event) {
				event.preventDefault();
				$('input[data-action="aprovar"]').trigger('click');
			});

			$('.cleanAprove').on('click', function(event) {
				event.preventDefault();
				$('.validar input').removeAttr('checked');
				$('.template-comment, .template-comment-table').css('display' , 'none');

			});
		},

		cadastroComentariosResgatado : function() {
			tables.resultTabela('DOM/pontomedicaoResgatado.json', '#tabPontoMedResult',true);
			$('#pesquisarPontosMedicao').parents('.panel-default').remove();
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown(function(){
				soma.validate();
				soma.validateTable();
				soma.selecionar();
				soma.pontoresgatado();
			});

			$('.aproveAll').on('click', function(event) {
				event.preventDefault();
				$('input[data-action="aprovar"]').trigger('click');
			});

			$('.cleanAprove').on('click', function(event) {
				event.preventDefault();
				$('.validar input').removeAttr('checked');
				$('.template-comment, .template-comment-table').css('display' , 'none');
			});
		},

		capacidadeValidar : function() {
			tables.unidadeGeradoraTabelaValidar('DOM/unidadesgeradoras.json');
			$('#inclusao').parents('.panel-results').eq(0).slideDown(function(){
				$('#tabUnidadeGeradora .btn-editar-unidade, #tabUnidadeGeradora .btn-delete').remove();
			});
			$('#panel-potencia-assegurada').slideDown();
			$('#unidadesGeradoras').parents('.panel-default').remove();
			$('#potenciaAssegurada').parents('.panel-default').remove();
			$('#potencia-assegurada > div > div > div > div').remove();
			soma.validate();
			soma.validateTable();
			// Exemplo de Aprovar tudo
			$('.aproveAll').on('click', function(event) {
				event.preventDefault();
				$('input[data-action="aprovar"]').trigger('click');
			});

			$('.cleanAprove').on('click', function(event) {
				event.preventDefault();
				$('.validar input').removeAttr('checked');
				$('.template-comment, .template-comment-table').css('display' , 'none');
			});
		},

		capacidadeComentariosValidar : function() {
			tables.unidadeGeradoraTabelaValidarComentarios('DOM/unidadesgeradorasAlteradas.json');
			$('#inclusao').parents('.panel-results').eq(0).slideDown();
			$('#panel-potencia-assegurada').slideDown();
			$('#unidadesGeradoras').parents('.panel-default').remove();
			$('#potenciaAssegurada').parents('.panel-default').remove();
			$('#potencia-assegurada > div > div > div > div').remove();
			soma.validate();
			//soma.validateTable();
			$('#reprovar_1').trigger('click');

			// Exemplo de Aprovar tudo
			$('.aproveAll').on('click', function(event) {
				event.preventDefault();
				$('input[data-action="aprovar"]').trigger('click');
			});

			$('.cleanAprove').on('click', function(event) {
				event.preventDefault();
				$('.validar input').removeAttr('checked');
				$('.template-comment, .template-comment-table').css('display' , 'none');
			});
		},

		cadastroComentarios : function() {
			common.comentarios("error");
			soma.responder();
			tables.compTabela('DOM/pontomedicao.json');
			tables.resultTabela('DOM/pontomedicaoResult.json', '#tabPontoMedResult',true);

			$('#pesquisarPontosMedicao').parents('.panel-default').remove();
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown();
			window.setTimeout(function(){
				$(".template-comment-table").show();
				$('#selecionadosPontoMedicao').parents('.panel-results').find("tr").eq(2).addClass("danger");},1000);
			soma.cadastro();
		}
	},

	Concessionario : {
		cadastroValidar : function() {
			tables.resultTabela('DOM/pontomedicaoResultValidate.json', '#tabPontoMedResult',true);
			$('#pesquisarPontosMedicao').parents('.panel-default').remove();
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown();
			soma.validate();
			soma.validateTable();
		},

		consumoValidar : function() {
			tables.resultTabela('DOM/agentesEnvolvidosResult.json', '#agenteEnvolvidoResult');
			soma.validate();
		},

		resgateValidar : function() {
			$('input[data-action="aprovar"]').trigger('click');

		},

		operacionalValidar : function() {
			$('#agenteEnvolvidoResult th:last-child').remove();
			$('#agenteEnvolvidoResult td:last-child').remove();
			tables.resultTabelaEstatico('DOM/agentesEnvolvidosResult.json', '#agenteEnvolvidoResult');
			tables.consorcioTabela('DOM/consorciadoResultValidar.json','#agenteConsorcioResult');

			$('#selecionadosAgentesEnvolvidos').parents('.panel-results').eq(0).slideDown();
			$('#selecionadosAgentesConsorciados').parents('.panel-results').eq(0).slideDown(function(){
				$('#agenteConsorcioResult th:last-child').remove();
				$('#agenteConsorcioResult td:last-child').remove();
			});
			$('#pesquisarAgentesEnvolvidos').parents('.panel-default').remove();
			$('#pesquisarAgentesConsorciados').parents('.panel-default').remove();
			$('.btn-delete').remove();
			soma.validate();
		}
	},

	Proprietario : {
		capacidadeComentarios : function() {
			tables.unidadeGeradoraTabelaProprietario('DOM/unidadesgeradorasReprovadas.json');
			common.comentarios("error");
			soma.responder();
			$('#inclusao').parents('.panel-results').eq(0).slideDown();
			$('#panel-potencia-assegurada').slideDown();
			$('#unidadesGeradoras').parents('.panel-default').remove();
			$('#potenciaAssegurada').parents('.panel-default').remove();
			$('#potencia-assegurada > div > div > div > div').remove();
			//soma.validate();
			soma.validateTable();
			$('#reprovar_1').trigger('click');
		},

		consumoComentarios : function() {
			common.comentarios("error");
			soma.responder();
			tables.resultTabelaEstatico('DOM/agentesEnvolvidosResult.json', '#agenteEnvolvidoResult');
			tables.consorcioTabela('DOM/consorciadoResul.json','#agenteConsorcioResult');
			$('#selecionadosAgentesEnvolvidos').parents('.panel-results').eq(0).slideDown();
			$('#selecionadosAgentesConsorciados').parents('.panel-results').eq(0).slideDown();
			$('#pesquisarAgentesEnvolvidos').parents('.panel-default').remove();
			$('#pesquisarAgentesConsorciados').parents('.panel-default').remove();
			$('.btn-danger').remove();
		},

		operacionalComentarios : function() {
			common.comentarios("error");
			soma.responder();
			tables.resultTabelaEstatico('DOM/agentesEnvolvidosResult.json', '#agenteEnvolvidoResult');
			tables.consorcioTabela('DOM/consorciadoResul.json','#agenteConsorcioResult');
			$('#selecionadosAgentesEnvolvidos').parents('.panel-results').eq(0).slideDown();
			$('#selecionadosAgentesConsorciados').parents('.panel-results').eq(0).slideDown();
			$('#pesquisarAgentesEnvolvidos').parents('.panel-default').remove();
			$('#pesquisarAgentesConsorciados').parents('.panel-default').remove();
			$('.btn-danger').remove();
			$('.panel-title').on('click', '.input-group, input', function(){
			$(this).parents('.panel-title').find('a').trigger('click');
			});
			$('.panel-title').find(':input').prop('readonly', 'readonly');

		},

		preenchimento : function() {
			tables.compTabela('DOM/pontomedicao.json');
			tables.resultTabela('DOM/pontomedicaoResult.json', '#tabPontoMedResult');
			soma.cadastro();
		}
	},

	Sucessor : {
		cadastroEditar : function() {
			tables.compTabela('DOM/pontomedicao.json');
			tables.resultTabela('DOM/pontomedicaoResultAlterar.json', '#tabPontoMedResult');
			tables.sucessorTabelaEstatico('DOM/agentes.json','#sucessorResult');
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown(function(){
				soma.associar();
			});
			soma.sucessor();
			msgsDashboard();
		},

		cadastroValidar : function() {
			tables.resultTabela('DOM/pontomedicaoResult.json', '#tabPontoMedResult');
			$('#pesquisarPontosMedicao').parents('.panel-default').remove();
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown(function(){
				$('#tabPontoMedResult td:last-child .btn-delete').remove();
			});
		}
	},

	Alteracao : {
		cadastroPontosMedicao : function() {
			tables.sucessorTabelaEstatico('DOM/agentes.json','#sucessorResult');
			tables.resultTabelaAlterar('DOM/pontomedicaoResultAlterar.json', '#tabPontoMedResult');
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown();
			soma.sucessor();
			msgsDashboard();
		},

		preenchimento : function() {
			tables.sucessorTabelaEstatico('DOM/agentes.json','#sucessorResult');
			tables.resultTabelaAlterar('DOM/pontomedicaoResultAlterar.json', '#tabPontoMedResult');
			tables.compTabela('DOM/pontomedicao.json');
			soma.cadastro();
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown();
			soma.sucessor();
			msgsDashboard();

			$('#alterarPropriedade').change(function(){
			 		$(".alterar-sucessor").toggle();
			});

		},

		preenchimento1 : function () {
			tables.compTabela('DOM/pontomedicao.json');
			tables.resultTabela('DOM/pontomedicaoResultAlterar.json', '#tabPontoMedResult');
			tables.sucessorTabelaEstatico('DOM/agentes.json','#sucessorResult');
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown(function(){
				soma.associar();
			});
			soma.sucessor();
			msgsDashboard();
		}
	},

	AlteracaoCarga : {

		preenchimento : function() {
			tables.sucessorTabelaEstatico('DOM/agentes.json','#sucessorResult');
			tables.resultTabelaAlterar('DOM/pontomedicaoResultAlterar.json', '#tabPontoMedResult');
			tables.compTabela('DOM/pontomedicao.json');
			soma.cadastro();
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown();
			soma.sucessor();
			msgsDashboard();

			$('#alterarPropriedade').change(function(){
			 		$(".alterar-sucessor").toggle();
			});

		}
	},

	Aprovar : {
		consorcioJuridico : function() {
			tables.resultTabelaEstatico('DOM/agentesEnvolvidosResultJuridico.json', '#agenteEnvolvidoResult');
			tables.consorcioTabela('DOM/consorciadoResultJuridico.json','#agenteConsorcioResult',aoColumnsConsorciadoJuridico);
			$('#selecionadosAgentesEnvolvidos').parents('.panel-results').eq(0).slideDown();
			$('#selecionadosAgentesConsorciados').parents('.panel-results').eq(0).slideDown();
			$('#pesquisarAgentesEnvolvidos').parents('.panel-default').remove();
			$('#pesquisarAgentesConsorciados').parents('.panel-default').remove();
		},
		consorcioJuridicoCarga : function() {
			tables.resultTabelaEstatico('DOM/agentesEnvolvidosResultJuridico.json', '#agenteEnvolvidoResult');
			tables.consorcioTabela('DOM/consorciadoResultJuridico.json','#agenteConsorcioResult',aoColumnsConsorciadoJuridico);
			$('#selecionadosAgentesEnvolvidos').parents('.panel-results').eq(0).slideDown();
			$('#selecionadosAgentesConsorciados').parents('.panel-results').eq(0).slideDown();
			$('#pesquisarAgentesEnvolvidos').parents('.panel-default').remove();
			$('#pesquisarAgentesConsorciados').parents('.panel-default').remove();
		}
	}

};

function includeUnidadesGeradoras(){
	
	
	$('#tabUnidadeGeradora').on('click', '.cancela-inclusao', function(event) {
		$('#tabUnidadeGeradora').find('.btn-gravar').hide();
		$('#tabUnidadeGeradora').find('.btn-gravar2').hide();
		$('#tabUnidadeGeradora').find('.link-cancelar').hide();
		$('#tabUnidadeGeradora').find('.cancela-inclusao').hide();
		$('#tabUnidadeGeradora').find('.btn-editar-unidade').show();
		$('#tabUnidadeGeradora').find('.btn-incluir-vigencia').show();
		$('#tabUnidadeGeradora').find('.btn-excluir-vigencia').show();
		$('#inicioVigencia').parents('tr').removeClass('warning');
		$('#vigencia').val('01/01/2014');
		$('#inicioVigencia').val('01/01/2014');
		$('#tabUnidadeGeradora').find('input, select, a').not('.no-edit').attr('disabled','disabled');
	});
	
	$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').on('click', '.btn-gravar2', function(event) {


		$('.included').fadeIn();
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('.btn-gravar2').hide();
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('.link-cancelar').hide();
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('.cancela-inclusao').hide();
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('.btn-editar-unidade').show();
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('.btn-incluir-vigencia').show();
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('.btn-excluir-vigencia').show();
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('input, select, a').not('.no-edit').attr('disabled','disabled');
		$('#inicioVigencia').parents('tr').removeClass('warning');

	});

	
}

function editUnidadesGeradoras(){

	$('#tabUnidadeGeradora').find('.btn-gravar').show();
	$('#tabUnidadeGeradora').find('.link-cancelar').show();
	$('#tabUnidadeGeradora').find('.cancela-inclusao').hide();
	$('#tabUnidadeGeradora').find('.btn-editar-unidade').hide();
	$('#tabUnidadeGeradora').find('.btn-incluir-vigencia').hide();
	$('#tabUnidadeGeradora').find('.btn-excluir-vigencia').hide();
	$('#tabUnidadeGeradora').find('input, select, a').not('.no-edit').removeAttr('disabled');


		$('#tabUnidadeGeradora').on('click', '.link-cancelar', function(event) {
		$('#tabUnidadeGeradora').find('.btn-gravar').hide();
		$('#tabUnidadeGeradora').find('.link-cancelar').hide();
		$('#tabUnidadeGeradora').find('.cancela-inclusao').hide();
		$('#tabUnidadeGeradora').find('.btn-editar-unidade').show();
		$('#tabUnidadeGeradora').find('.btn-incluir-vigencia').show();
		$('#tabUnidadeGeradora').find('.btn-excluir-vigencia').show();

		$('#tabUnidadeGeradora').find('input, select, a').not('.no-edit').attr('disabled','disabled');
	});
	
	
	$('#tabUnidadeGeradora').on('click', '.btn-gravar', function(event) {
		$('.included').fadeIn();
		$('#tabUnidadeGeradora').find('.btn-gravar').hide();
		$('#tabUnidadeGeradora').find('.link-cancelar').hide();
		$('#tabUnidadeGeradora').find('.btn-editar-unidade').show();
		$('#tabUnidadeGeradora').find('.btn-incluir-vigencia').show();
		$('#tabUnidadeGeradora').find('.btn-excluir-vigencia').show();
		$('#vigencia').val($('#inicioVigencia').val());
		$('#tabUnidadeGeradora').find('input, select, a').not('.no-edit').attr('disabled','disabled');
	});
	
}

function editUnidadesGeradorasParcela(){
	$('#tabAtualizacoesUnidadeParcela').find('.btn-gravar').show();
	$('#tabAtualizacoesUnidadeParcela').find('.link-cancelar').show();
	$('#tabAtualizacoesUnidadeParcela').find('.btn-editar-unidade').hide();
	$('#tabAtualizacoesUnidadeParcela').find('.btn-incluir-vigencia').hide();
	$('#tabAtualizacoesUnidadeParcela').find('.btn-excluir-vigencia').hide();
	$('#tabAtualizacoesUnidadeParcela').find('input, select').not('.no-edit').removeAttr('disabled');


	$('#tabAtualizacoesUnidadeParcela .link-cancelar').on('click', function(event) {
		$('#tabAtualizacoesUnidadeParcela').find('.btn-gravar').hide();
		$('#tabAtualizacoesUnidadeParcela').find('.link-cancelar').hide();
		$('#tabAtualizacoesUnidadeParcela').find('.btn-editar-unidade').show();
		$('#tabAtualizacoesUnidadeParcela').find('.btn-incluir-vigencia').show();
		$('#tabAtualizacoesUnidadeParcela').find('.btn-excluir-vigencia').show();
	
		$('#tabAtualizacoesUnidadeParcela').find('input, select').not('.no-edit').attr('disabled','disabled');
	});

	$('#tabAtualizacoesUnidadeParcela .btn-gravar').on('click', function(event) {
		$('.included').fadeIn();
		$('#tabAtualizacoesUnidadeParcela').find('.btn-gravar').hide();
		$('#tabAtualizacoesUnidadeParcela').find('.link-cancelar').hide();
		$('#tabAtualizacoesUnidadeParcela').find('.btn-editar-unidade').show();
		$('#tabAtualizacoesUnidadeParcela').find('.btn-incluir-vigencia').show();
		$('#tabAtualizacoesUnidadeParcela').find('.btn-excluir-vigencia').show();
		//$('#vigencia').val($('#inicioVigencia').val());
		$('#tabAtualizacoesUnidadeParcela').find('input, select').not('.no-edit').attr('disabled','disabled');
	});
}

// Tour Guiada IntroJS 

// JSON Dashboard

function startIntroTemp(){
  var tour = introJs();
    tour.setOptions({
      steps: [
        {
          intro: "<h4 class='nopadding'>Bem-vindo</h4>Conheça os recursos disponíveis do SMMB.<br/>"
        },
        {
          element: document.querySelectorAll('.ajuda')[0],
          intro: 'Em qualquer momemnto você poderá optar por acionar a ajuda.',
          position: 'right'
        }
      ]
    });
  

tour.setOptions({'skipLabel':'Fechar','nextLabel':'Continuar','prevLabel':'Voltar','doneLabel':'Concluir', 'exitOnEsc':'false','showProgress':'false'})

    tour.start();
}

// JSON Dashboard

function startIntro(){
  var tour = introJs();
    tour.setOptions({
      steps: [
        {
          intro: '<h4 class="nopadding">Dashboard</h4>Olá! Conheça os recursos do seu Dashboard do SMMB. <br/> <br/> <span class="glyphicon glyphicon-arrow-left"></span> pressione <span class="glyphicon glyphicon-arrow-right"></span> para navegar.<br/> <br/> Caso deseje finalizar a navegação, clique em  <span class="label label-success">Já entendi!</span>'
        },
        {
          element: document.querySelectorAll('.tabAndamento')[0],
          intro: 'Ao clicar na aba “Em Andamento”, o sistema retorna todas as solicitações com esse status.',
          position: 'bottom'
        },
        {
          element: document.querySelectorAll('.tabFinalizada')[0],
          intro: 'Já clicando na aba “Finalizadas”, é possível filtrar as solicitações concluídas ou canceladas. ',
          position: 'bottom'
        },
        {
          element: document.querySelectorAll('#propriedade')[0],
          intro: 'É possível filtrar as solicitações por tipo de perfil: “Proprietário”, “Concessionário” e “Envolvido”. ',
          position: 'right'
        },
        {
          element: document.querySelector('#step1'),
          intro: 'No painel é possível visualizar todas as etapas do processo de modelagem.',
          position: 'bottom'
        },
        {
          element: document.querySelectorAll('#bt01')[0],
          intro: '<h4 class="nopadding">Status</h4>Automaticamente o sistema já carrega todas as etapas, porém para ajustar o filtro, basta clicar para remover o status não desejado.',
          position: 'top'
        },
        {
          element: document.querySelectorAll('.invert')[0],
          intro: 'Para cada opção de filtro, o sistema informa quantas solicitações existem no filtro em questão. ',
          position: 'bottom'
        },
        {
          element: document.querySelectorAll('.btn-select-all')[0],
          intro: 'O botão <strong>"Selecionar todos"</strong> pressionado mantém todas as solicitações do perfil na lista. ',
          position: 'bottom'
        },
        {
          element: document.querySelectorAll('.btn-clear-selection')[0],
          intro: 'Se preferir, utilize a opção de <strong>"Limpar seleção"</strong> para que você escolha os parâmetros desejados. ',
          position: 'bottom'
        },
        {
          element: document.querySelectorAll('.tipoData')[0],
          intro: 'Ainda há mais uma opção de filtro, <strong>“Selecione o tipo de data”</strong>, a qual temos as seguintes opções, <strong>“Apta para”</strong>, <strong>“Solicitada para”</strong> e <strong>“Autorizada para”</strong>. Ao selecionar uma das opções, o sistema retornará as informações pertinentes',
          position: 'bottom'
        },
        {
          element: document.querySelectorAll('.dataPick')[0],
          intro: 'Ao clicar no filtro escolha o período, selecione no calendário o período desejado, <strong>“De”</strong> - <strong>“Até”</strong>, e em seguida clique em <strong>“Ok”</strong>. Caso não deseje mais usar o filtro, clique em “Cancelar”. <br><br>	<img src="img/calendario-home.png" width="100%">',
          position: 'left'
        },
        {
          element: document.querySelectorAll('.label')[0],
          intro: 'Acompanhe o status da solicitação pelo dashboard.',
          position: 'top'
        },
        {
          element: document.querySelectorAll('.indicador')[0],
          intro: 'A coluna de indicadores sinaliza para pendências existentes no processo.',
          position: 'left'
        },
        {
          element: '#step4',
          intro: "Ficou com alguma dúvida? <br/><br/>No rodapé temos a nossa Ajuda On-line.",
          position: 'bottom'
        }
      ]
    });
  

tour.setOptions({'skipLabel':'Já entendi!','nextLabel':'Continuar','prevLabel':'Voltar','doneLabel':'Finalizar ajuda', 'exitOnEsc':'false','showProgress':'false'})

    tour.start();
}

function startIntro2(){
  var tour = introJs();
    tour.setOptions({
      steps: [
        {
          intro: '<h4 class="nopadding">Dashboard</h4>Olá! Conheça os recursos do seu Dashboard do SMMB. <br/> <br/> <span class="glyphicon glyphicon-arrow-left"></span> pressione <span class="glyphicon glyphicon-arrow-right"></span> para navegar.<br/> <br/> Caso deseje finalizar a navegação, clique em  <span class="label label-success">Já entendi!</span>'
        },
        {
          element: document.querySelectorAll('.tabAndamento')[0],
          intro: 'Ao clicar na aba “Em Andamento”, o sistema retorna todas as solicitações com esse status.',
          position: 'bottom'
        },
        {
          element: document.querySelectorAll('.tabFinalizada')[0],
          intro: 'Já clicando na aba “Finalizadas”, é possível filtrar as solicitações concluídas ou canceladas. ',
          position: 'bottom'
        },
        {
          element: document.querySelectorAll('#propriedade2')[0],
          intro: 'É possível filtrar as solicitações por tipo de perfil: “Proprietário”, “Concessionário” e “Envolvido”. ',
          position: 'right'
        },
        {
          element: document.querySelectorAll('#bt08')[0],
          intro: 'Filtro para solicitações Canceladas. ',
          position: 'bottom'
        },
        {
          element: document.querySelectorAll('#bt09')[0],
          intro: 'Filtro para solicitações Concluídas. ',
          position: 'right'
        },
        {
          element: '#step4',
          intro: "Ficou com alguma dúvida? <br/><br/>No rodapé temos a nossa Ajuda On-line.",
          position: 'bottom'
        }
      ]
    });
  

tour.setOptions({'skipLabel':'Já entendi!','nextLabel':'Continuar','prevLabel':'Voltar','doneLabel':'Finalizar ajuda', 'exitOnEsc':'false','showProgress':'false'})

    tour.start();
}

// JSON Tela de Cadastro utilizando exemplos com ID, CLASSES, querySelector('.class-name'),  querySelectorAll('#id-name')[0]

//document.querySelectorAll('.sidebar-offcanvas')[0].setAttribute("data-step", "1");
//document.querySelectorAll('#sma_status')[0].setAttribute("data-step", "2");


function startIntroCad(){
  var tour2 = introJs();
    tour2.setOptions({
      steps: [
        {
	      element: '#sma_status', 
          intro: 'Painel informativo da Solicitação.',
          position: 'bottom'
        },
        {
          element: document.querySelector('.sidebar-offcanvas'),
          intro: "<h4 class='nopadding'>Organização da solicitação</h4>Menu de navegação para preenchimento da Solicitação.",
          position: 'right'
        },
        {
          element: document.querySelector('.btn-verifica'),
          intro: "<h4 class='nopadding'>Verificar inconsistências</h4>Botão de auxílio que verifica as inconsistências encontradas na Solicitação antes de encaminhá-la.",
          position: 'top'
        },
        {
          element: document.querySelectorAll('.active')[0],
          intro: "<h4 class='nopadding'>Sinalização</h4>Todas as inconsistências serão apresentadas com este ícone &nbsp;<span class='glyphicon glyphicon-warning-sign bg-icon warning-yellow'></span>&nbsp; no menu da Solicitação.",
          position: 'right'
        },
        {
          element: document.querySelectorAll('.control-label')[0],
          intro: "<h4 class='nopadding'>Dicas</h4>Passe o mouse sobre os labels para ver dicas de preenchimento.",
          position: 'bottom'
        },
        {
          element: document.querySelectorAll('#acoes')[0],
          intro: "<h4 class='nopadding'>Conclusão do preenchimento</h4>Ao finalizar o preenchimento da solicitação, utilize o menu 'Ações' para Gravá-la ou Encaminhá-la para a próxima etapa. <br/> <br/>Através deste menu você também pode <strong>Cancelar uma solicitação Em Preenchimento</strong> ou voltar ao Dashboard.",
          position: 'left'
        }
      ]
    });
      
tour2.setOptions({'skipLabel':'Já entendi!','nextLabel':'Continuar','prevLabel':'Voltar','doneLabel':'Finalizar ajuda', 'exitOnEsc':'false','showProgress':'true'})

    tour2.start();
}


function startIntroView(){
  var tour3 = introJs();
    tour3.setOptions({
      steps: [
	     {
          intro: '<h4 class="nopadding">Precisando de ajuda?</h4>Bem-vindo ao dashboard do SMMB. <br/><br/>Clique em <span class="label label-default">Continuar</span> para navegar através das funcionalidades do painel.',
          position: 'bottom'
        },
        {
          element: document.querySelector('.navbar-right'),
          intro: "<h4 class='nopadding'>Usuário</h4>Aqui você pode verificar o usuário que foi logado no sistema.",
          position: 'bottom'
        },
        {
          element: document.querySelector('.ui-autocomplete-input'),
          intro: "Neste campo, é possível selecionar o perfil.",
          position: 'bottom-left-aligned'
        },
        {
	      element: '.page-header', 
          intro: '<h4 class="nopadding">Dashboard</h4>No dashboard é possível visualizar todas as Solicitações de Modelagem. ',
          position: 'bottom'
        },
        {
	      element: '#help-dashboard', 
          intro: '<h4 class="nopadding">Filtro dinâmico</h4>Para entender melhor os filtros do painel, acesse o passo a passo referente aos filtros.',
          position: 'left'
        },
        {
	      element: '#ajudaTab', 
          intro: '<h4 class="nopadding">Entenda as etapas</h4>Caso queira entender alguma etapa do processo, clique na etapa desejada e é possível saber mais detalhes.',
          position: 'top'
        },
        {
	      element: '.ajuda-rodape', 
          intro: '<h4 class="nopadding">Ajuda on-line</h4>Caso ainda tenha dúvidas, no rodapé está disponível um guia com as principais operações do sistema.',
          position: 'top'
        },
        {
	      element: '.header', 
          intro: '<h4 class="nopadding">Voltar ao dashboard</h4> Caso queira voltar ao dashboard a partir de qualquer tela, clique no logo do SMMB.',
          position: 'bottom'
        }
      ]
    });
      
tour3.setOptions({'skipLabel':'Já entendi!','nextLabel':'Continuar','prevLabel':'Voltar','doneLabel':'Finalizar ajuda', 'exitOnEsc':'false','showProgress':'true'})

    tour3.start();
}

// JSON Histórico / Versionamento

function startIntroVersionamento(){
  var tour = introJs();
    tour.setOptions({
      steps: [
        {
					element: document.querySelectorAll('.ajuda')[0],
          intro: "<h4 class='nopadding'>Bem-vindo(a)</h4>Conheça aqui, os recursos disponíveis para a consulta do histórico de uma solicitação.<br/>",
					position: 'bottom'
        },
        {
          element: document.querySelectorAll('#menu-horz')[0],
          intro: 'No menu principal, as seções da solicitação que identificarem mudanças entre diferentes versões criadas são sinalizadas através do ícone de alerta <span class="glyphicon glyphicon-warning-sign bg-icon warning-yellow"></span>',
          position: 'bottom'
					
        },
				 {
          element: document.querySelector('.table-versionamento'),
          intro: "<h4 class='nopadding'>Comparar versões</h4>Aqui é feita a escolha das versões à serem comparadas. Este recurso permite consultar as alterações que foram realizadas, além de registrar o usuário que alterou a informação.",
          position: 'top'
        },
				{
          element: document.querySelector( '.table-versionamento')[0],
          intro: "<h4 class='nopadding'>Informações Alteradas</h4><img src='help/img/historico/historico01.jpg' /><br>As informações que foram alteradas são destacadas com o fundo de cor amarela, conforme exemplo da imagem acima.",
          position: 'bottom',
					tooltipClass: 'introJsTooltipW800'
        },
				{
          element: document.querySelector('.btn-back-version'),
          intro: "<h4 class='nopadding'>Voltar para a Solicitação</h4>Clique no botão destacado para sair do histórico e retornar para a solicitação de modelagem.",
          position: 'bottom'
        }
      ]
    });
  

tour.setOptions({'skipLabel':'Fechar','nextLabel':'Continuar','prevLabel':'Voltar','doneLabel':'Concluir', 'exitOnEsc':'false','showProgress':'false'})

    tour.start();
}

/* arrays contendo o mapeamento da tabela padrão com o json: */
var aoColumns = [
	{"mData": "0"},
	{"mData": "1"},
	{"mData": "2"},
	{"mData": "3"},
	{"mData": "4"},
	{"mData": "5"},
	{"mData": "6", "sClass": "tipo"},
	{"mData": "7"},
	{"mData": "8", "sClass": "indicador"}
];

var aoColumnsResult = [
	{ "mData": "0"},
	{ "mData": "1"},
	{ "mData": "2"},
	{ "mData": "3"}
];

var aoColumnsResultAgente = [
	{ "mData": "0"},
	{ "mData": "1"},
	{ "mData": "2"},
	{ "mData": "3"}
];

var aoColumnsConsorciado = [
	{ "mData": "0"},
	{ "mData": "1"},
	{ "mData": "2"},
	{ "mData": "3"},
	{ "mData": "4"},
	{ "mData": "5"},
	{ "mData": "6"}
];

var aoColumnsConsorciadoJuridico = [
	{ "mData": "0"},
	{ "mData": "1"},
	{ "mData": "2"},
	{ "mData": "3"},
	{ "mData": "4"},
	{ "mData": "5"}
];

var aoColumnsFinalizada = [
	 {"mData": "0"},
	 {"mData": "1"},
	 {"mData": "2"},
	 {"mData": "3"},
	 {"mData": "4"},
	 {"mData": "5"},
	 {"mData": "6", "sClass": "tipo"},
	 {"mData": "7"}
];

/* Funções que adicionam as tabelas expansíveis de acordo com o conteúdo */
function preenchimento ( nTr ){
	var aData = oTable.fnGetData( nTr );
	var sOut = '<table class="table table-condensed table-bordered" cellspacing="0" border="0">';
	sOut += '<thead><tr><th>Número Centro de Custo</th><th>Descrição Centro de Custo</th><th>Não Aprovada</th><th>Não Autorizado</th><th>XXXX</th><th>BBB</th></tr></thead>';
			sOut += '<tbody><tr><td>'+aData[10]+'</td><td>'+aData[11]+'</td><td>'+aData[12]+'</td><td>'+aData[13]+'</td><td>'+aData[15]+'</td><td>'+aData[16]+'</td></tr></tbody>';
			sOut += '</table>';
			sOut += '<div class="col-md-12 nopadding text-right"> <a class="btn btn-sm btn-primary" href="/smmb-web/smmb">Abrir <span class="glyphicon glyphicon glyphicon-folder-open"></span></a> </div>';
	return sOut;
}

function pedidoRealizado ( nTr ){
	var aData = oTable.fnGetData( nTr );
	var sOut = '<table class="table table-condensed table-bordered" cellspacing="0" border="0">';
	sOut += '<thead><tr><th>Número Centro de Custo</th><th>Descrição Centro de Custo</th><th>Não Aprovada</th><th>Não Autorizado</th><th>XXXX</th><th>BBB</th></tr></thead>';
			sOut += '<tbody><tr><td>'+aData[10]+'</td><td>'+aData[11]+'</td><td>'+aData[12]+'</td><td>'+aData[13]+'</td><td>'+aData[15]+'</td><td>'+aData[16]+'</td></tr></tbody>';
			sOut += '</table>';
			sOut += '<div class="col-md-12 nopadding text-right"> <a class="btn btn-sm btn-primary" href="/smmb-web/smmb">Abrir <span class="glyphicon glyphicon glyphicon-folder-open"></span></a> </div>';
	return sOut;
	}

function autorizacaoPagamento ( nTr ){
	var aData = oTable.fnGetData( nTr );
	var sOut = '<table class="table table-condensed table-bordered" cellspacing="0" border="0">';
	sOut += '<thead><tr><th>Número Centro de Custo</th><th>Descrição Centro de Custo</th><th>Não Aprovada</th><th>Não Autorizado</th><th>XXXX</th><th>BBB</th></tr></thead>';
			sOut += '<tbody><tr><td>'+aData[10]+'</td><td>'+aData[11]+'</td><td>'+aData[12]+'</td><td>'+aData[13]+'</td><td>'+aData[15]+'</td><td>'+aData[16]+'</td></tr></tbody>';
			sOut += '</table>';
			sOut += '<div class="col-md-12 nopadding text-right"> <a class="btn btn-sm btn-primary" href="/smmb-web/smmb">Abrir <span class="glyphicon glyphicon glyphicon-folder-open"></span></a> </div>';
	return sOut;
}

function emTransporte ( nTr ) {
	var aData = oTable.fnGetData( nTr );
	var sOut = '<table class="table table-condensed table-bordered" cellspacing="0" border="0">';
	sOut += '<thead><tr><th>Número Centro de Custo</th><th>Descrição Centro de Custo</th><th>Não Aprovada</th><th>Não Autorizado</th><th>XXXX</th><th>BBB</th></tr></thead>';
			sOut += '<tbody><tr><td>'+aData[10]+'</td><td>'+aData[11]+'</td><td>'+aData[12]+'</td><td>'+aData[13]+'</td><td>'+aData[15]+'</td><td>'+aData[16]+'</td></tr></tbody>';
			sOut += '</table>';
			sOut += '<div class="col-md-12 nopadding text-right"> <a class="btn btn-sm btn-primary" href="/smmb-web/smmb">Abrir <span class="glyphicon glyphicon glyphicon-folder-open"></span></a> </div>';
	return sOut;
}

function cancelada ( nTr ) {
	var aData = oTable.fnGetData( nTr );
	var sOut = '<table class="table table-condensed table-bordered" cellspacing="0" border="0">';
	sOut += '<thead><tr><th>Número Centro de Custo</th><th>Descrição Centro de Custo</th><th>Não Aprovada</th><th>Não Autorizado</th><th>XXXX</th><th>BBB</th></tr></thead>';
			sOut += '<tbody><tr><td>'+aData[10]+'</td><td>'+aData[11]+'</td><td>'+aData[12]+'</td><td>'+aData[13]+'</td><td>'+aData[15]+'</td><td>'+aData[16]+'</td></tr></tbody>';
			sOut += '</table>';
			sOut += '<div class="col-md-12 nopadding text-right"> <a class="btn btn-sm btn-primary" href="/smmb-web/smmb">Abrir <span class="glyphicon glyphicon glyphicon-folder-open"></span></a> </div>';
	return sOut;
}

function concluida ( nTr,status ) {
	var url = "/smmb-web/smmb";
	switch(status) {
		case "usina":
			url = "/smmb-web/smmb";
		break;
		case "carga":
			url = "/smmb-web/smmb";
		break;
	}

	var aData = oTable.fnGetData( nTr );
	var sOut = '<table class="table table-condensed table-bordered" cellspacing="0" border="0" >';
			sOut += '<thead><tr><th>Perfil de Agente</th><th>Solicitada para</th><th>Autorizada para</th><th>Apta para</th><th>Ativo Contábil</th><th>Intempestivo</th><th>Recontabilização</th></tr></thead>';
			sOut += '<tbody><tr><td>'+aData[10]+'</td><td>'+aData[11]+'</td><td>'+aData[12]+'</td><td>'+aData[13]+'</td><td>'+aData[14]+'</td><td>'+aData[15]+'</td><td>'+aData[16]+'</td></tr></tbody>';
			sOut += '</table>';
			sOut += '<div class="col-md-12 nopadding text-right"> <a class="btn btn-sm btn-primary" href="' + url + '">Abrir <span class="glyphicon glyphicon glyphicon-folder-open"></span></a></div>';
	return sOut;
}

function PontoMedicao ( nTr ) {
 	aData = oTable.fnGetData( nTr );
	var sOut = '<table class="table table-striped table-condensed" cellspacing="0" border="0" >';
		sOut += '<tr><td>Código do ponto de medição:</td><td>'+aData[5]+'</td></tr><tr><td>Nome do ponto de medição:</td><td>'+aData[5]+'</td></tr><tr><td>Status:</td><td>'+aData[6]+'</td></tr><tr><td>Tensão:</td><td>'+aData[7]+'</td></tr><tr><td>Medição Compartilhada:</td><td>'+aData[8]+'</td></tr><tr><td>Ponto Pai:</td><td><p class="scroll">'+aData[17]+ '<br>' + aData[17] + '<br>' + aData[17] +'<br>' + aData[17] +'<br>' + aData[17] +'</p></td></tr><tr><td>Conexão:</td><td>'+aData[10]+'</td></tr><tr><td>Nome da Instalação:</td><td>'+aData[11]+'</td></tr><tr><td>Agente Conectado:</td><td>'+aData[12]+'</td></tr><tr><td>Agente Conectado do Uso do Fio:</td><td>'+aData[13]+'</td></tr><tr><td>Agente Conectante:</td><td>'+aData[14]+'</td></tr><tr><td>Data de Cadastramento:</td><td>'+aData[15]+'</td></tr><tr><td>Início de Vigência:</td><td>'+aData[16]+'</td></tr><tr><td>Ativo:</td><td><p class="scroll">'+aData[17]+ '<br>' + aData[17] + '<br>' + aData[17] +'<br>' + aData[17] +'<br>' + aData[17] +'</p></td></tr><tr><td>Topologia:</td><td>'+aData[18]+'</td></tr><tr><td>Agrupamento:</td><td><p class="scroll">'+aData[17]+ '<br>' + aData[17] + '<br>' + aData[17] +'<br>' + aData[17] +'<br>' + aData[17] +'</p></td></tr><tr><td>Ponto Auxíliar:</td><td><p class="scroll">'+aData[17]+ '<br>' + aData[17] + '<br>' + aData[17] +'<br>' + aData[17] +'<br>' + aData[17] +'</p></td></tr><tr><td>Diagrama Uniﬁlar:</td><td><p class="scroll"><a href="#" title="Baixar o diagrama unifilar"><span class="glyphicon glyphicon-paperclip"></span> Consultar Arquivo</a><br><a href="#" title="Baixar o diagrama unifilar"><span class="glyphicon glyphicon-paperclip"></span> Consultar Arquivo</a><br><a href="#" title="Baixar o diagrama unifilar"><span class="glyphicon glyphicon-paperclip"></span> Consultar Arquivo</a><br><a href="#" title="Baixar o diagrama unifilar"><span class="glyphicon glyphicon-paperclip"></span> Consultar Arquivo</a></p></td></tr>';
		sOut += '</table>';
	return sOut;
}

function PontoMedicaoAlterar ( nTr ) {
 	aData = oTable.fnGetData( nTr );
	var sOut = '<table class="table table-striped table-condensed" cellspacing="0" border="0" >';
		sOut += '<tr><td>Código do ponto de medição:</td><td>'+aData[5]+'</td></tr><tr><td>Nome do ponto de medição:</td><td>'+aData[5]+'</td></tr><tr><td>Status:</td><td>'+aData[6]+'</td></tr><tr><td>Tensão:</td><td>'+aData[7]+'</td></tr><tr><td>Medição Compartilhada:</td><td>'+aData[8]+'</td></tr><tr><td>Ponto Pai:</td><td><p class="scroll">'+aData[17]+ '<br>' + aData[17] + '<br>' + aData[17] +'<br>' + aData[17] +'<br>' + aData[17] +'</p></td></tr><tr><td>Conexão:</td><td>'+aData[10]+'</td></tr><tr><td>Nome da Instalação:</td><td>'+aData[11]+'</td></tr><tr><td>Agente Conectado:</td><td>'+aData[12]+'</td></tr><tr><td>Agente Conectado do Uso do Fio:</td><td>'+aData[13]+'</td></tr><tr><td>Agente Conectante:</td><td>'+aData[14]+'</td></tr><tr><td>Data de Cadastramento:</td><td>'+aData[15]+'</td></tr><tr><td>Início de Vigência:</td><td>'+aData[16]+'</td></tr><tr><td>Ativo:</td><td><p class="scroll">'+aData[17]+ '<br>' + aData[17] + '<br>' + aData[17] +'<br>' + aData[17] +'<br>' + aData[17] +'</p></td></tr><tr><td>Topologia:</td><td>'+aData[18]+'</td></tr><tr><td>Agrupamento:</td><td><p class="scroll">'+aData[17]+ '<br>' + aData[17] + '<br>' + aData[17] +'<br>' + aData[17] +'<br>' + aData[17] +'</p></td></tr><tr><td>Ponto Auxíliar:</td><td><p class="scroll">'+aData[17]+ '<br>' + aData[17] + '<br>' + aData[17] +'<br>' + aData[17] +'<br>' + aData[17] +'</p></td></tr><tr><td>Diagrama Uniﬁlar:</td><td><p class="scroll"><a href="#" title="Baixar o diagrama unifilar"><span class="glyphicon glyphicon-paperclip"></span> Consultar Arquivo</a><br><a href="#" title="Baixar o diagrama unifilar"><span class="glyphicon glyphicon-paperclip"></span> Consultar Arquivo</a><br><a href="#" title="Baixar o diagrama unifilar"><span class="glyphicon glyphicon-paperclip"></span> Consultar Arquivo</a><br><a href="#" title="Baixar o diagrama unifilar"><span class="glyphicon glyphicon-paperclip"></span> Consultar Arquivo</a></p></td></tr>';
		sOut += '</table>';
	return sOut;
}

function UnidadeGeradora ( nTr ) {
		aData = oTable.fnGetData( nTr );
		var sOut = '<table class="table table-striped table-condensed detalhes-ug" cellspacing="0" border="0" >';
		sOut += '<tr><td colspan="4"><div class="alert alert-success included"><p class="pull-left">Nova vigência <strong>incluída</strong> com sucesso! </p></div></td></tr>';
		sOut += '<tr> <td style="width:100px;"> <div class="col-md-6"> <label>Vigência</label> </div> </td> <td style="width: 200px;"> <div class="input-prepend input-group vigencia col-md-5"> <span class="input-group-addon"> <span class="glyphicon glyphicon-chevron-left"> </span> </span> <input type="text" maxlength="10" class="form-control" id="vigencia" value="01/01/2014" name="inputVigencia" readonly> <span class="input-group-addon"> <span class="glyphicon glyphicon-chevron-right"> </span> </span> </div> </td> <td colspan="2" style="width: 300px;"> <div class="col-md-12 nopadding"> <button type="button" class="btn btn-success btn-gravar"><span class="glyphicon glyphicon-floppy-saved"></span> Gravar</button> <button type="button" class="btn btn-success btn-gravar2"><span class="glyphicon glyphicon-floppy-saved"></span> Gravar</button> <button	type="button" class="btn btn-success btn-editar-unidade"><span class="glyphicon glyphicon-pencil"></span> Editar</button> <button	type="button" class="btn btn-success btn-incluir-vigencia" data-toggle="modal" data-target="#modal-incluir-vigencia" href="modal-incluir-vigencia.html"><span class="glyphicon glyphicon-plus"></span> Incluir</button> <button	type="button" class="btn btn-link btn-excluir-vigencia"><span class="glyphicon glyphicon-remove"></span> Excluir vigência</button>&nbsp; <a href="javascript:;" class="link-cancelar">Cancelar edição</a> <a href="javascript:;" class="cancela-inclusao">Cancelar inclusão</a></div> </td> </tr>';
		sOut += '<tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="ug">Nome</label></td> <td colspan="2"> <div class="col-md-6"> <input type="text" class="form-control no-edit" value="UG001" disabled> </div> </td> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="inicioVigencia">Início de referência</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-prepend input-group"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input type="text" id="inicioVigencia" class="dataPickSingle form-control dateInput" value="01/01/2014" disabled> </div> </div> </td> </tr> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Status">Status</label></td> <td colspan="2"> <div class="col-md-6"> <div class="switch-toggle switch-candy switch-2"> <input id="ativo2" name="statusAtivo" type="radio" checked disabled> <label for="ativo2">Ativo</label> <input id="inativo2" name="statusAtivo" type="radio" disabled> <label for="inativo2">Inativo</label> </div> </div> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="input003">Capacidade - CAP</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-group"> <input type="text" class="form-control" value="5000" disabled> <span class="input-group-addon">MW </span> </div> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"> </span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" data-original-title="Tooltip" data-msg="1" for="inputPrevEntTeste">Previsão de Entrada em Operação de Teste</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-prepend input-group"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input type="text" id="inicioVigencia" class="dataPickSingle form-control dateInput"value="01/01/2014" disabled> </div> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"> </span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="inputPrevEntOpComercial">Previsão de Entrada em Operação Comercial</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-prepend input-group"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input type="text" id="inicioVigencia" class="dataPickSingle form-control dateInput"value="01/01/2014" disabled> </div> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"></span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="input006">Tipo de Operação</label></td> <td colspan="2"> <div class="col-md-9"> <select class="form-control" id="input006" name="selectTipoOperacao" disabled> <option value="">Selecione</option> <option value="Tipo de Operação 1">Tipo de Operação 1</option> <option value="Tipo de Operação 2">Tipo de Operação 2</option> </select> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"></span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="apta">Apta</label></td> <td colspan="2"> <div class="col-md-1"> <input type="checkbox" id="input007" checked disabled/> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"></span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="pontosMedicao">Ponto de Medição Bruta</label></td> <td colspan="2"> <div class="col-md-9"> <div class="input-group"> <input type="text" class="form-control" id="input008" data-toggle="modal"href="modal-pontos-medicao-bruta.html" data-target="#modal-pontos-medicao-bruta" disabled> <span class="input-group-addon"> <span class="glyphicon glyphicon-search"> </span> </span> </div> </div>  <a class="btn reset-table" style="display: block;" disabled="disabled"><span class="glyphicon glyphicon-trash" data-toggle="tooltip" title="Limpar campo" data-original-title="Limpar campo"></span></a></td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="opSincrono">Opera Síncrono</label></td> <td colspan="2"> <div class="col-md-1"> <input type="checkbox" id="input007" checked disabled/> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"></span> </a> </td> </tr>';
		sOut += '</table>';
		return sOut;
}

function UnidadeGeradoraValidar ( nTr ) {
		aData = oTable.fnGetData( nTr );
		var sOut = '<table class="table table-striped table-condensed" cellspacing="0" border="0" >';
		sOut += '<tr><td> <div class="col-md-6"> <label>Vigência</label> </div> </td> <td> <div class="input-prepend input-group vigencia col-md-5"> <span class="input-group-addon"> <span class="glyphicon glyphicon-chevron-left"> </span> </span> <input type="text" maxlength="10" class="form-control" id="vigencia" value="01/01/2014"name="inputVigencia"> <span class="input-group-addon"> <span class="glyphicon glyphicon-chevron-right"> </span> </span> </div> </td> <td colspan="2"> <div class="col-md-12 text-right"> <fieldset class="validar -m5 pull-right"><input id="reprovar_21" name="pontosMed_4" type="radio" data-action="reprovar"><label for="reprovar_21" class="reprovar"><div class="reprovar comentario comment-default"><span class="glyphicon glyphicon-thumbs-down" data-toggle="tooltip" data-original-title="Reprovar campo"></span></div></label><input id="aprovar_21" name="pontosMed_4" type="radio" data-action="aprovar"><label for="aprovar_21" class="aprovar"><div class="aprovar comentario comment-default"><span class=" glyphicon glyphicon-thumbs-up" data-toggle="tooltip" data-original-title="Aprovar campo"></span></div></label></fieldset> </div> </td> </tr>';
		sOut += '<tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="ug">Nome</label></td> <td colspan="2"> <div class="col-md-6"> <input type="text" class="form-control no-edit" value="UG001" disabled> </div> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="inicioVigencia">Início de referência</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-prepend input-group"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input type="text" id="inicioVigencia" class="dataPickSingle form-control dateInput"value="01/01/2014" disabled> </div> </div> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="fimVigencia">Fim de referência</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-prepend input-group"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input type="text" id="terminoVigencia" class="dataPickSingle form-control dateInput"value="11/11/2014" disabled> </div> </div> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Status">Status</label></td> <td colspan="2"> <div class="col-md-6"> <div class="switch-toggle switch-candy switch-2"> <input id="ativo2" name="statusAtivo" type="radio" checked disabled> <label for="ativo2">Ativo</label> <input id="inativo2" name="statusAtivo" type="radio" disabled> <label for="inativo2">Inativo</label> </div> </div> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="input003">Capacidade - CAP</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-group"> <input type="text" class="form-control" value="5000" disabled> <span class="input-group-addon">MW </span> </div> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"> </span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="inputPrevEntTeste">Previsão de Entrada em Operação de Teste</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-prepend input-group"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input type="text" id="inicioVigencia" class="dataPickSingle form-control dateInput"value="01/01/2014" disabled> </div> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"> </span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="inputPrevEntOpComercial">Previsão de Entrada em Operação Comercial</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-prepend input-group"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input type="text" id="inicioVigencia" class="dataPickSingle form-control dateInput"value="01/01/2014" disabled> </div> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"></span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="input006">Tipo de Operação</label></td> <td colspan="2"> <div class="col-md-9"> <select class="form-control" id="input006" name="selectTipoOperacao" disabled> <option value="">Selecione</option> <option value="Tipo de Operação 1">Tipo de Operação 1</option> <option value="Tipo de Operação 2">Tipo de Operação 2</option> </select> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"></span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="apta">Apta</label></td> <td colspan="2"> <div class="col-md-1"> <input type="checkbox" id="input007" checked disabled/> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"></span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="pontosMedicao">Ponto de Medição Bruta</label></td> <td colspan="2"> <div class="col-md-9"> <div class="input-group"> <input type="text" class="form-control" id="input008" data-toggle="modal"href="modal-pontos-medicao-bruta.html" data-target="#modal-pontos-medicao-bruta"disabled> <span class="input-group-addon"> <span class="glyphicon glyphicon-search"> </span> </span> </div> </div> <a class="btn reset-table" style="display: block;"><span class="glyphicon glyphicon-trash" data-toggle="tooltip" title="Limpar campo"data-original-title="Limpar campo"></span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="opSincrono">Opera Síncrono</label></td> <td colspan="2"> <div class="col-md-1"> <input type="checkbox" id="input007" checked disabled/> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"></span> </a> </td> </tr>';
		sOut += '<tr><td colspan="5"><div class="row template-comment-table mt5 col-md-12 clearb" style="display:none"><div class="bs-callout-ag-red bs-callout-warning-ag-red clearb"><form action=""><h4><strong>Justificar Reprovação:</strong></h4><i class="danger">É obrigatório justificar a reprovação.</i><div class="text-right clearb"><br class="clearb"><textarea id="UGs" name="UGs" cols="30" rows="5" class="form-control"></textarea><div class="mt20"><button data-original-title="Clique para salvar sua justificativa." type="button" class="btn btn-danger saveComment" data-toggle="tooltip" data-placement="top" title="">Confirmar Reprovação</button><button data-original-title="Limpar texto de justificativa." class="btn btn-link btn-clear"  type="reset" data-clear="#UGs" data-toggle="tooltip" data-placement="top" title="">Limpar</button></div></div></form></div><div class="placeholder"></div></div></td></tr>';
		sOut += '</table>';
		return sOut;
}

function UnidadeGeradoraValidarComentario ( nTr ) {
		aData = oTable.fnGetData( nTr );
		var sOut = '<table class="table table-striped table-condensed" cellspacing="0" border="0" >';
		sOut += '<tr><td> <div class="col-md-6"> <label>Vigência</label> </div> </td> <td> <div class="input-prepend input-group vigencia col-md-5"> <span class="input-group-addon"> <span class="glyphicon glyphicon-chevron-left"> </span> </span> <input type="text" maxlength="10" class="form-control" id="vigencia" value="01/01/2014"name="inputVigencia"> <span class="input-group-addon"> <span class="glyphicon glyphicon-chevron-right"> </span> </span> </div> </td> <td colspan="2"> <div class="col-md-12 text-right"> <fieldset class="validar -m5 pull-right"><input id="reprovar_21" name="pontosMed_4" type="radio" data-action="reprovar"><label for="reprovar_21" class="reprovar"><div class="reprovar comentario comment-default"><span class="glyphicon glyphicon-thumbs-down" data-toggle="tooltip" data-original-title="Reprovar campo"></span></div></label><input id="aprovar_21" name="pontosMed_4" type="radio" data-action="aprovar"><label for="aprovar_21" class="aprovar"><div class="aprovar comentario comment-default"><span class=" glyphicon glyphicon-thumbs-up" data-toggle="tooltip" data-original-title="Aprovar campo"></span></div></label></fieldset> </div> </td> </tr>';
		sOut += '<tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="ug">Nome</label></td> <td colspan="2"> <div class="col-md-6"> <input type="text" class="form-control no-edit" value="UG001" disabled> </div> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="inicioVigencia">Início de referência</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-prepend input-group"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input type="text" id="inicioVigencia" class="dataPickSingle form-control dateInput"value="01/01/2014" disabled> </div> </div> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="fimVigencia">Fim de referência</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-prepend input-group"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input type="text" id="terminoVigencia" class="dataPickSingle form-control dateInput"value="11/11/2014" disabled> </div> </div> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Status">Status</label></td> <td colspan="2"> <div class="col-md-6"> <div class="switch-toggle switch-candy switch-2"> <input id="ativo2" name="statusAtivo" type="radio" checked disabled> <label for="ativo2">Ativo</label> <input id="inativo2" name="statusAtivo" type="radio" disabled> <label for="inativo2">Inativo</label> </div> </div> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="input003">Capacidade - CAP</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-group"> <input type="text" class="form-control" value="5000" disabled> <span class="input-group-addon">MW </span> </div> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"> </span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="inputPrevEntTeste">Previsão de Entrada em Operação de Teste</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-prepend input-group"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input type="text" id="inicioVigencia" class="dataPickSingle form-control dateInput"value="01/01/2014" disabled> </div> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"> </span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="inputPrevEntOpComercial">Previsão de Entrada em Operação Comercial</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-prepend input-group"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input type="text" id="inicioVigencia" class="dataPickSingle form-control dateInput"value="01/01/2014" disabled> </div> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"></span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="input006">Tipo de Operação</label></td> <td colspan="2"> <div class="col-md-9"> <select class="form-control" id="input006" name="selectTipoOperacao" disabled> <option value="">Selecione</option> <option value="Tipo de Operação 1">Tipo de Operação 1</option> <option value="Tipo de Operação 2">Tipo de Operação 2</option> </select> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"></span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="apta">Apta</label></td> <td colspan="2"> <div class="col-md-1"> <input type="checkbox" id="input007" checked disabled/> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"></span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="pontosMedicao">Ponto de Medição Bruta</label></td> <td colspan="2"> <div class="col-md-9"> <div class="input-group"> <input type="text" class="form-control" id="input008" data-toggle="modal"href="modal-pontos-medicao-bruta.html" data-target="#modal-pontos-medicao-bruta"disabled> <span class="input-group-addon"> <span class="glyphicon glyphicon-search"> </span> </span> </div> </div> <a class="btn reset-table" style="display: block;"><span class="glyphicon glyphicon-trash" data-toggle="tooltip" title="Limpar campo"data-original-title="Limpar campo"></span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="opSincrono">Opera Síncrono</label></td> <td colspan="2"> <div class="col-md-1"> <input type="checkbox" id="input007" checked disabled/> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"></span> </a> </td> </tr>';
		sOut += '<tr><td colspan="5"><div class="row template-comment-table mt5 col-md-12 clearb" style="display:block;"> <div class="bs-callout-ag-red bs-callout-warning-ag-red clearb"> <form class="validar"> <div id="comentarioTemp"> <img src="img/icons/icon-ccee-user.jpg" alt="ícone comentários"> <h4 class="nopadding"><strong>Agente comentou: </strong></h4> <p>O CAP da Unidade Geradora está correto, favor verificar e validar.</p> </div> <hr> <h4><strong>Justificar Reprovação:</strong> </h4>  <i class="danger">É obrigatório justificar a reprovação.</i> <div class="text-right clearb"> <br class="clearb"> <textarea id="textJust" cols="30" rows="5" class="form-control"></textarea> <div class="mt20"> <button data-original-title="Clique para salvar sua justificativa." type="button"class="btn btn-danger saveComment" data-toggle="tooltip" data-placement="top"title="">Confirmar Reprovação</button> <button data-original-title="Limpar texto de justificativa."class="btn btn-link btn-clear" data-clear="#textJust" data-toggle="tooltip" data-placement="top"title="">Limpar</button> </div> </div> </form> </div> <div class="placeholder"></div> </div></td></tr>';
		sOut += '</table>';
		return sOut;
}

function UnidadeGeradoraResponderComentario ( nTr ) {
		aData = oTable.fnGetData( nTr );
		var sOut = '<table class="table table-striped table-condensed" cellspacing="0" border="0" >';
		sOut += '<tr> <td> <div class="col-md-6"> <label>Vigência</label> </div> </td> <td> <div class="input-prepend input-group vigencia col-md-5"> <span class="input-group-addon"> <span class="glyphicon glyphicon-chevron-left"> </span> </span> <input type="text" maxlength="10" class="form-control" id="vigencia" value="01/01/2014"name="inputVigencia"> <span class="input-group-addon"> <span class="glyphicon glyphicon-chevron-right"> </span> </span> </div> </td> <td colspan="2"> <div class="col-md-12 text-right"></div>  </td> </tr>';
		sOut += '<tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="ug">Nome</label></td> <td colspan="2"> <div class="col-md-6"> <input type="text" class="form-control no-edit" value="UG001" disabled> </div> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="inicioVigencia">Início de referência</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-prepend input-group"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input type="text" id="inicioVigencia" class="dataPickSingle form-control dateInput"value="01/01/2014" disabled> </div> </div> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="fimVigencia">Fim de referência</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-prepend input-group"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input type="text" id="terminoVigencia" class="dataPickSingle form-control dateInput"value="11/11/2014" disabled> </div> </div> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Status">Status</label></td> <td colspan="2"> <div class="col-md-6"> <div class="switch-toggle switch-candy switch-2"> <input id="ativo2" name="statusAtivo" type="radio" checked disabled> <label for="ativo2">Ativo</label> <input id="inativo2" name="statusAtivo" type="radio" disabled> <label for="inativo2">Inativo</label> </div> </div> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="input003">Capacidade - CAP</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-group"> <input type="text" class="form-control" value="5000" disabled> <span class="input-group-addon">MW </span> </div> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"> </span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="inputPrevEntTeste">Previsão de Entrada em Operação de Teste</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-prepend input-group"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input type="text" id="inicioVigencia" class="dataPickSingle form-control dateInput"value="01/01/2014" disabled> </div> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"> </span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="inputPrevEntOpComercial">Previsão de Entrada em Operação Comercial</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-prepend input-group"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input type="text" id="inicioVigencia" class="dataPickSingle form-control dateInput"value="01/01/2014" disabled> </div> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"></span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="input006">Tipo de Operação</label></td> <td colspan="2"> <div class="col-md-9"> <select class="form-control" id="input006" name="selectTipoOperacao" disabled> <option value="">Selecione</option> <option value="Tipo de Operação 1">Tipo de Operação 1</option> <option value="Tipo de Operação 2">Tipo de Operação 2</option> </select> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"></span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="apta">Apta</label></td> <td colspan="2"> <div class="col-md-1"> <input type="checkbox" id="input007" checked disabled/> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"></span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="pontosMedicao">Ponto de Medição Bruta</label></td> <td colspan="2"> <div class="col-md-9"> <div class="input-group"> <input type="text" class="form-control" id="input008" data-toggle="modal"href="modal-pontos-medicao-bruta.html" data-target="#modal-pontos-medicao-bruta"disabled> <span class="input-group-addon"> <span class="glyphicon glyphicon-search"> </span> </span> </div> </div> <a class="btn reset-table" style="display: block;"><span class="glyphicon glyphicon-trash" data-toggle="tooltip" title="Limpar campo"data-original-title="Limpar campo"></span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="opSincrono">Opera Síncrono</label></td> <td colspan="2"> <div class="col-md-1"> <input type="checkbox" id="input007" checked disabled/> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"></span> </a> </td> </tr>';
		sOut += '<tr><td colspan="5"> <div class="row comentarios mt5 col-md-12 col-md-offset-2 clearb"><div class="bs-callout-ag bs-callout-warning-ag mt20"> <img src="img/icons/icon-ccee-user.jpg"> <h4 class="nopadding"><strong>Concessionária comentou: </strong></h4> <p>Não foi possível efetuar a aprovação deste campo. Favor ajustar a opção para Livre.</p> <br /><h4><strong>Resposta</strong>	</h4> <div class="text-right clearb"> <br class="clearb"> <textarea name="status-solicitacao"  cols="30" rows="5" class="form-control"></textarea> <div class="mt20"> <button data-original-title="Limpar o comentário atual." type="reset" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="">Limpar</button> <button data-original-title="Clique para gravar seu comentário. Ele poderá ser editado até o encaminhamento da solicitação." type="button" class="btn btn-success saveObs" data-toggle="tooltip" data-placement="top" title=""> Gravar&nbsp;<span class="glyphicon glyphicon-floppy-saved"></span> </button> </div> </div> </div> </div> <div class="placeholder col-md-8 col-md-offset-2 mt10"></div> </td></tr>';
		sOut += '</table>';
		return sOut;
}

function UnidadeGeradoraProprietario ( nTr ) {
		aData = oTable.fnGetData( nTr );
		var sOut = '<table class="table table-striped table-condensed detalhes-ug" cellspacing="0" border="0" >';
		sOut += '<tr><td colspan="4"><div class="alert alert-success included"><p class="pull-left">Nova vigência <strong>incluída</strong> com sucesso! </p></div></td></tr>';
		sOut += '<tr> <td style="width:100px;"> <div class="col-md-6"> <label>Vigência</label> </div> </td> <td style="width: 200px;"> <div class="input-prepend input-group vigencia col-md-5"> <span class="input-group-addon"> <span class="glyphicon glyphicon-chevron-left"> </span> </span> <input type="text" maxlength="10" class="form-control" id="vigencia" value="01/01/2014" name="inputVigencia" readonly> <span class="input-group-addon"> <span class="glyphicon glyphicon-chevron-right"> </span> </span> </div> </td> <td colspan="2" style="width: 300px;"> <div class="col-md-12 nopadding"> <button type="button" class="btn btn-success btn-gravar"><span class="glyphicon glyphicon-floppy-saved"></span> Gravar</button> <button type="button" class="btn btn-success btn-gravar2"><span class="glyphicon glyphicon-floppy-saved"></span> Gravar</button> <button	type="button" class="btn btn-success btn-editar-unidade"><span class="glyphicon glyphicon-pencil"></span> Editar</button> <button	type="button" class="btn btn-success btn-incluir-vigencia" data-toggle="modal" data-target="#modal-incluir-vigencia" href="modal-incluir-vigencia.html"><span class="glyphicon glyphicon-plus"></span> Incluir</button> <button	type="button" class="btn btn-link btn-excluir-vigencia"><span class="glyphicon glyphicon-remove"></span> Excluir vigência</button>&nbsp; <a href="javascript:;" class="link-cancelar">Cancelar edição</a>  <a href="javascript:;" class="cancela-inclusao">Cancelar inclusão</a></div> </td> </tr>';
		sOut += '<tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="ug">Nome</label></td> <td colspan="2"> <div class="col-md-6"> <input type="text" class="form-control no-edit" value="UG001" disabled> </div> </td> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="inicioVigencia">Início de referência</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-prepend input-group"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input type="text" id="inicioVigencia" class="dataPickSingle form-control dateInput" value="01/01/2014" disabled> </div> </div> </td> </tr> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Status">Status</label></td> <td colspan="2"> <div class="col-md-6"> <div class="switch-toggle switch-candy switch-2"> <input id="ativo2" name="statusAtivo" type="radio" checked disabled> <label for="ativo2">Ativo</label> <input id="inativo2" name="statusAtivo" type="radio" disabled> <label for="inativo2">Inativo</label> </div> </div> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="input003">Capacidade - CAP</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-group"> <input type="text" class="form-control" value="5000" disabled> <span class="input-group-addon">MW </span> </div> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"> </span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="inputPrevEntTeste">Previsão de Entrada em Operação de Teste</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-prepend input-group"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input type="text" id="inicioVigencia" class="dataPickSingle form-control dateInput"value="01/01/2014" disabled> </div> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"> </span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="inputPrevEntOpComercial">Previsão de Entrada em Operação Comercial</label></td> <td colspan="2"> <div class="col-md-6"> <div class="input-prepend input-group"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input type="text" id="inicioVigencia" class="dataPickSingle form-control dateInput"value="01/01/2014" disabled> </div> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"></span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="input006">Tipo de Operação</label></td> <td colspan="2"> <div class="col-md-9"> <select class="form-control" id="input006" name="selectTipoOperacao" disabled> <option value="">Selecione</option> <option value="Tipo de Operação 1">Tipo de Operação 1</option> <option value="Tipo de Operação 2">Tipo de Operação 2</option> </select> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"></span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="apta">Apta</label></td> <td colspan="2"> <div class="col-md-1"> <input type="checkbox" id="input007" checked disabled/> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"></span> </a> </td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="pontosMedicao">Ponto de Medição Bruta</label></td> <td colspan="2"> <div class="col-md-9"> <div class="input-group"> <input type="text" class="form-control" id="input008" data-toggle="modal"href="modal-pontos-medicao-bruta.html" data-target="#modal-pontos-medicao-bruta" disabled> <span class="input-group-addon"> <span class="glyphicon glyphicon-search"> </span> </span> </div> </div>  <a class="btn reset-table" style="display: block;"><span class="glyphicon glyphicon-trash" data-toggle="tooltip" title="Limpar campo" data-original-title="Limpar campo"></span></a></td> </tr> <tr> <td colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="opSincrono">Opera Síncrono</label></td> <td colspan="2"> <div class="col-md-1"> <input type="checkbox" id="input007" checked disabled/> </div> <!-- clip Anexo --> <a class="anexoLink col-md-1" data-toggle="modal" href="modal-anexar-documentos.html"data-target="#modal-anexar-documentos"> <span class="glyphicon glyphicon-paperclip"></span> </a> </td> </tr>';
		sOut += '</table>';
			sOut += '<div class="form-group nomargin has-error"> <div class="bs-callout-ag bs-callout-warning-ag mt20"> <img src="img/icons/icon-ccee-user.jpg"> <h4 class="nopadding"><strong>A CCEE comentou:</strong></h4> <p><span>O Ponto de medição com problemas..<span</p> <hr> <h5 class="mt20"><i>Se desejar enviar um comentário sobre algum item deste grupo, clique em "Responder" e digite sua resposta. Confirme clicando no botão "Inserir Comentário".</i></h5> <div class="text-right clearb"> <div class="col-md-12"> <button data-original-title="Responda ao comentário caso ainda haja alguma dúvida ou informação que gostaria de esclarecer sobre os pontos de medicão." type="button" class="btn responderObs btn-info" data-toggle="tooltip" data-placement="top" title=""> Responder&nbsp; <span class="glyphicon glyphicon-comment"></span> </button> </div> <br class="clearb"> <div style="display: none;" id="textArea2" class="form-comentarios"> <div class="mt20"> <textarea id="pontosMed" name="pontosMed" cols="30" rows="5" class="form-control"></textarea> </div> <div class="mt20"> <button data-original-title="Clique para inserir seu comentário. Ele poderá ser editado até o encaminhamento da solicitação." type="button" class="btn btn-info  saveObsBatch" data-toggle="tooltip" data-placement="top" title=""> Inserir Comentário&nbsp;<span class="glyphicon glyphicon-comment"></span> </button> <button data-original-title="Limpar texto de comentário." data-clear="#pontosMed" class="btn btn-link btn-clear" data-toggle="tooltip" data-placement="top" title="">Limpar</button> </div> </div> </div> <!-- Comentário em bloco - Agente || End--> </div> <div class="placeholder mt10"></div> </div>';
		return sOut;
}

function ConsultaUnidadeGeradora ( nTr ) {
		aData = oTable.fnGetData( nTr );
		var sOut = '<table class="table table-striped table-condensed" cellspacing="0" border="0" >';
		sOut += '<tr class="data"><td colspan="2">Nome:</td><td  colspan="2">UG001</td></tr><tr class="data"><td  colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="inicioVigencia">Início de referência</label></td><td  colspan="2">01/01/2014</td></tr><tr class="data"><td  colspan="2"><label class="control-label" data-toggle="tooltip" title="Status">Status</label></td><td  colspan="2">Ativo</td></tr><tr class="data"><td  colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="input003">Capacidade - CAP</label></td><td  colspan="2">50000 MW <a href="#" title="Consultar Anexo"><span class="glyphicon glyphicon-paperclip"></span> Consultar Anexo</a></td></tr><tr class="data"><td  colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="inputPrevEntTeste">Previsão de Entrada em Operação de Teste</label></td><td  colspan="2">01/01/2014 <a href="#" title="Consultar Anexo"><span class="glyphicon glyphicon-paperclip"></span> Consultar Anexo</a></td></tr><tr class="data"><td  colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="inputPrevEntOpComercial">Previsão de Entrada em Operação Comercial</label></td><td  colspan="2">01/01/2014 <a href="#" title="Consultar Anexo"><span class="glyphicon glyphicon-paperclip"></span> Consultar Anexo</a></td></tr><tr class="data"><td  colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="input006">Tipo de Operação</label></td><td  colspan="2">Operação 1 <a href="#" title="Consultar Anexo"><span class="glyphicon glyphicon-paperclip"></span> Consultar Anexo</a></td></tr><tr class="data"><td  colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="apta">Apta</label></td><td  colspan="2">Sim <a href="#" title="Consultar Anexo"><span class="glyphicon glyphicon-paperclip"></span> Consultar Anexo</a></td></tr><tr class="data"><td  colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="pontosMedicao">Ponto de Medição Bruta</label></td><td  colspan="2">Ponto XPTO</td></tr><tr class="data"><td  colspan="2"><label class="control-label" data-toggle="tooltip" title="Tooltip" for="opSincrono">Opera Síncrono</label></td><td colspan="2">Sim <a href="#" title="Consultar Anexo"><span class="glyphicon glyphicon-paperclip"></span> Consultar Anexo</a></td></tr>';
		sOut += '</table>';
		return sOut;
}

function ConsultaUnidadeGeradoraParcela (nTr) {
	aData = oTableB.fnGetData(nTr);
	var sOut = '<table class="table table-striped table-condensed detalhes-ug" cellspacing="0" border="0" >';
		sOut += '<tr><td colspan="4"><div class="alert alert-success included"><p class="pull-left">Nova vigência <strong>incluída</strong> com sucesso! </p></div></td></tr>';
		sOut += '<tr> <td style="width:100px;"> <div class="col-md-6"> <label>Vigência</label> </div> </td> <td style="width: 200px;"> <div class="input-prepend input-group vigencia col-md-5"> <span class="input-group-addon"> <span class="glyphicon glyphicon-chevron-left"> </span> </span> <input type="text" maxlength="10" class="form-control" id="vigencia" value="01/01/2014" name="inputVigencia" readonly> <span class="input-group-addon"> <span class="glyphicon glyphicon-chevron-right"> </span> </span> </div> </td> <td colspan="2" style="width: 300px;"> <div class="col-md-12 nopadding"> <button type="button" class="btn btn-success btn-gravar"><span class="glyphicon glyphicon-floppy-saved"></span> Gravar</button> <button type="button" class="btn btn-success btn-gravar2"><span class="glyphicon glyphicon-floppy-saved"></span> Gravar</button> <button	type="button" class="btn btn-success btn-editar-unidade"><span class="glyphicon glyphicon-pencil"></span> Editar</button> <button	type="button" class="btn btn-success btn-incluir-vigencia" data-toggle="modal" data-target="#modal-incluir-vigencia" href="modal-incluir-vigencia.html"><span class="glyphicon glyphicon-plus"></span> Incluir</button><a	type="button" class="btn btn-link btn-excluir-vigencia" href="UC2023-unidade-geradora.html?msg=17" ><span class="glyphicon glyphicon-remove"></span> Desassociar vigência</a>&nbsp; <a href="javascript:;" class="link-cancelar">Cancelar edição</a> <a href="javascript:;" class="cancela-inclusao">Cancelar inclusão</a> </div> </td> </tr>';
		sOut += '<table class="table table-striped table-ug-edicao"> <tbody> <tr> <td> <label class="control-label" data-toggle="tooltip" title="Tooltip" for="ug">Nome</label> </td> <td> <div class="col-md-6"> <input type="text" class="form-control no-edit" value="UG001" disabled> </div> </td> </tr> <tr> <td> <label class="control-label" data-toggle="tooltip" title="Tooltip" for="inicioVigencia">Início de referência</label> </td> <td> <div class="col-md-3"> <div class="input-prepend input-group data"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input	type="text" style="width: 140px" id="inicioVigencia" class="dataPickSingle form-control dateInput" name="inicioVigencia" value="01/01/2014" disabled> </div> </div> </td> </tr> <tr> <td> <label class="control-label" data-toggle="tooltip" title="Tooltip">Status</label> </td> <td> <div class="col-md-6"> <div class="switch-toggle switch-candy switch-2"> <input id="ativo" name="statusAtivo" type="radio" checked disabled> <label for="ativo" onclick="">Ativo</label> <input id="inativo" name="statusAtivo" type="radio" disabled> <label for="inativo" onclick="">Inativo</label> </div> </div> </td> </tr> <tr> <td> <label class="control-label" data-toggle="tooltip" title="Tooltip" for="input003">Capacidade - CAP</label> </td> <td> <div class="col-md-6"> <div class="input-group"> <input type="text" class="form-control" id="input003" name="inputCapacidade" value="5000" disabled> <span class="input-group-addon">MW</span> </div> </div> </td> </tr> <tr> <td> <label class="control-label" data-toggle="tooltip" title="Tooltip" for="inputPrevEntTeste">Previsão de Entrada em Operação de Teste</label> </td> <td> <div class="col-md-3"> <div class="input-prepend input-group data"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input type="text" style="width: 140px" id="inputPrevEntTeste" class="dataPickSingle form-control dateInput"name="inputPrevEntTeste" value="10/10/2014" disabled> </div> </div> </td> </tr> <tr> <td> <label class="control-label" data-toggle="tooltip" title="Tooltip" for="inputPrevEntOpComercial">Previsão de Entrada em Operação Comercial</label> </td> <td> <div class="col-md-3"> <div class="input-prepend input-group data"> <i class="glyphicon glyphicon-calendar fa fa-calendar input-ico nopadding"></i> <input type="text" style="width: 140px" id="inputPrevEntOpComercial" class="dataPickSingle form-control dateInput"name="inputPrevEntOpComercial" value="10/10/2014" disabled> </div> </div> </td> </tr> <tr> <td> <label class="control-label" data-toggle="tooltip" title="Tooltip" for="input006">Tipo de Operação</label> </td> <td> <div class="col-md-6"> <select class="form-control" id="input006" name="selectTipoOperacao" disabled> <option value="">Selecione</option> <option value="Tipo de Operação 1" selected >Tipo de Operação 1</option> <option value="Tipo de Operação 2">Tipo de Operação 2</option> </select> </div> </td> </tr> <tr> <td> <label class="control-label" data-toggle="tooltip" title="Tooltip" for="atoRegulatorioTipoOperacao">Ato Regulatório</label> </td> <td> <div class="col-md-6"> <input type="text" class="form-control" name="atoRegulatorioTipoOperacao"id="atoRegulatorioTipoOperacao" value="0123456789" disabled> </div> </td> </tr> <tr> <td> <label class="control-label" data-toggle="tooltip" title="Tooltip" for="pontosMedicao">Ponto de Medição Bruta</label> </td> <td> <div class="col-md-6"> <div class="input-group ponto-medicao"> <input type="text" class="form-control" id="pontosMedicao" data-toggle="modal" href="modal-pontos-medicao-bruta.html" data-target="#modal-pontos-medicao-bruta" value="0123456789" disabled readonly> <span class="input-group-addon"  data-toggle="modal" href="modal-pontos-medicao-bruta.html" data-target="#modal-pontos-medicao-bruta"><span class="glyphicon glyphicon-search"></span></span> </div> </div> <a class="btn reset-table" style="display: block;"><span class="glyphicon glyphicon-trash" data-toggle="tooltip" title="Limpar campo" data-original-title="Limpar campo"></span> </a></td> </tr> <tr> <td> <label class="control-label" data-toggle="tooltip" title="Tooltip" for="apta">Apta</label> </td> <td> <div class="col-md-1 mt5"> <input type="checkbox" id="apta" class="js-switch" /> </div> </td> </tr> <tr> <td> <label class="control-label" data-toggle="tooltip" title="Tooltip" for="atoRegulatorioApta">Ato Regulatório</label> </td> <td> <div class="col-md-6"> <input type="text" class="form-control" name="atoRegulatorioApta" id="atoRegulatorioApta" value="9876543210" disabled> </div> </td> </tr> </tbody> </table>';
		sOut += '</table>';
	return sOut;
}

function pendenciaSma ( nTr ) {
		aData = oTable.fnGetData( nTr );
		var sOut = '<table class="table table-striped table-condensed" cellspacing="0" border="0" >';
		sOut += '<tr><td colspan="4"><div class="alert alert-success included"><p class="pull-left">Unidade geradora <strong>incluída</strong> com sucesso! </p></div></td></tr>';
		sOut += '<tr class="edit"> <td colspan="2">Nome da Pendencia</td> <td colspan="2"><div class="col-md-6"><input type="text" name="" id="" class="form-control" value="Pendencia SMA 001"></div></td> </tr> <tr class="edit"> <td colspan="2">Numero do outro ativo</td> <td colspan="2"><div class="col-md-5"><input type="text" name="" id="" class="form-control" value="789456113"></div><div class="col-md-6"><span class="label label-info">Aguardando Pendências</span></div></td> </tr> <tr class="edit"> <td colspan="2">Descrição da pendência</td> <td colspan="2"><div class="col-md-10"><textarea rows="5" name="" id="" class="form-control">Ao contrário do que se acredita, Lorem Ipsum não é simplesmente um texto randômico</textarea></div></td> </tr>';
		sOut += '<tr class="data"><td colspan="2">Nome da Pendencia</td><td  colspan="2">Pendencia SMA 001</td></tr><tr class="data"><td  colspan="2">Numero do outro ativo</td><td colspan="3"><div class="col-md-3 text-left"><strong>789456113</strong></div><div class="col-md-5"><span class="label label-info">Aguardando Pendências</span></div></td></tr><tr class="data"><td  colspan="2">Descrição da pendência</td><td  colspan="2">Ao contrário do que se acredita, Lorem Ipsum não é simplesmente um texto randômico.</td></tr></td></tr>';
		sOut += '<tr><td colspan="3"><div class="col-md-12"><button type="button" class="btn btn-success btn-gravar"><span class="glyphicon glyphicon-floppy-saved"></span> Gravar</button> <a href="javascript:;" class="link-cancelar">Cancelar</a> </div> </td> </tr>';
		sOut += '</table>';
		return sOut;
}

function consultaPendenciaSma ( nTr ) {
		aData = oTable.fnGetData( nTr );
		var sOut = '<table class="table table-striped table-condensed" cellspacing="0" border="0">';
		sOut += '<tr class="data"> <td>Nome da Pendencia:</td> <td colspan="2">Pendencia SMA 001</td> </tr> <tr class="data"> <td>Numero do outro ativo</td> <td>789456113</td> <td> <div class="col-md-7"><span class="label label-info">Aguardando Pendências</span></div> </td> </tr> <tr class="data"> <td>Descrição da pendência</td> <td colspan="2">Ao contrário do que se acredita, Lorem Ipsum não é simplesmente um texto randômico.</td> </tr>';
		sOut += '<tr><td colspan="3"><div class="col-md-12"><button type="button" class="btn btn-success btn-gravar"><span class="glyphicon glyphicon-floppy-saved"></span> Gravar</button> <a href="javascript:;" class="link-cancelar">Cancelar</a> </div> </td> </tr>';
		sOut += '</table>';
		return sOut;
}

$(function() {
	//Função para validar os campos dos formulários.
	 	$('label[data-toggle=tooltip]').tooltip();
		$('input[type="text"]').setMask();
		$("aside .boxBtn button").on('click', function() {
			$('.error').tooltip('destroy').removeAttr('title').removeAttr('original-title');
			$('.sidebar-offcanvas ul li.active a').append('<span class="glyphicon glyphicon-warning-sign bg-icon warning-yellow"></span>');
			$('.table-parcelas tbody tr:first-child').addClass('danger');

			var errors = $('.formSMA *[data-error]');

			for (var i =  errors.length - 1; i >= 0; i--) {
				$(errors[i]).attr('title', $(errors[i]).attr('data-error') );
				$(errors[i]).addClass('error');
			}
			$('body, html').animate({scrollTop:0},800,function(){
				$('.alert-danger').fadeIn();
				$('.error').tooltip({ 'placement': 'right'});
			});
		});
});

function msgsDashboard() {

	url = window.location.href.split('=');
	msg = url[1];
	switch(msg){
		case '1':
			common.messageWarning('#placeholder','success','Solicitação aprovada com sucesso!');
		break;
		case '2':
			common.messageWarning('#placeholder','success','Solicitação recusada e encaminhada para o proprietário.');
		break;
		case '3':
			common.messageWarning('#placeholder','success','Solicitação efetuada com sucesso!');
		break;
		case '4':
			common.messageWarning('#placeholder','success','A abertura da solicitação foi cancelada e continuará com o usuário atual!');
		break;
		case '5':
			common.messageWarning('#placeholder','success','Solicitação assumida com sucesso!');
		break;
			case '6':
			common.messageWarning('#placeholder','success','Solicitação aceita com sucesso. Favor dar continuidade.');
		break;
			case '7':
			common.messageWarning('#placeholder','success','Foi aberta uma solicitação de alteração deste ativo. Favor dar continuidade na solicitação.');
		break;
			case '8':
			common.messageWarning('#placeholder','success','Termo de consórcio aprovado!');
		break;
			case '9':
			common.messageWarning('#placeholder','success','Termo de consórcio reprovado!');
		break;
			case '10':
			common.messageWarning('#placeholder','success','Solicitação resgatada com sucesso!');
		break;
			case '11':
			common.messageWarning('#placeholder','success','Solicitação concluída com sucesso!');
			$('.nav-tabs [href="#finalizadas"]').tab('show');
		break;
			case '12':
			common.messageWarning('#placeholder','danger','Não foi possível concluir a solicitação!');
		break;
			case '13':
			common.messageWarning('#placeholder','success','Solitação Em Modelagem!');
		break;
			case '14':
			common.messageWarning('#placeholder','success','Anexo incluído com sucesso!');
		break;
			case '15':
			common.messageWarning('#placeholder','success','Operação realizada com sucesso.');
		break;
		case '16':
			common.messageWarning('#placeholder','success','Vigência incluída com sucesso.');
		break;
		case '17':
			common.messageWarning('#placeholder','success','A vigência foi desassociada com sucesso!');
		break;
	}
}

var flow = {
	CCEE : {
		cadastroValidar : function() {
			tables.resultTabela('DOM/pontomedicaoResultValidate2.json', '#tabPontoMedResult',true);
			$('#pesquisarPontosMedicao').parents('.panel-default').remove();
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown(function(){
				soma.validate();
				soma.validateTable();
				soma.selecionar();
			});

			// Exemplo de Aprovar tudo
			$('.aproveAll').on('click', function(event) {
				event.preventDefault();
				$('input[data-action="aprovar"]').trigger('click');
			});

			$('.cleanAprove').on('click', function(event) {
				event.preventDefault();
				$('.validar input').removeAttr('checked');
				$('.template-comment, .template-comment-table').css('display' , 'none');
			});

		},

		cadastroComentariosValidar : function() {
			tables.resultTabela('DOM/pontomedicaoResultValidate2.json', '#tabPontoMedResult',true);
			$('#pesquisarPontosMedicao').parents('.panel-default').remove();
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown(function(){
				soma.validate();
				soma.validateTable();
				soma.selecionar();
			});

			$('.aproveAll').on('click', function(event) {
				event.preventDefault();
				$('input[data-action="aprovar"]').trigger('click');
			});

			$('.cleanAprove').on('click', function(event) {
				event.preventDefault();
				$('.validar input').removeAttr('checked');
				$('.template-comment, .template-comment-table').css('display' , 'none');

			});
		},

		cadastroComentariosResgatado : function() {
			tables.resultTabela('DOM/pontomedicaoResgatado.json', '#tabPontoMedResult',true);
			$('#pesquisarPontosMedicao').parents('.panel-default').remove();
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown(function(){
				soma.validate();
				soma.validateTable();
				soma.selecionar();
				soma.pontoresgatado();
			});

			$('.aproveAll').on('click', function(event) {
				event.preventDefault();
				$('input[data-action="aprovar"]').trigger('click');
			});

			$('.cleanAprove').on('click', function(event) {
				event.preventDefault();
				$('.validar input').removeAttr('checked');
				$('.template-comment, .template-comment-table').css('display' , 'none');
			});
		},

		capacidadeValidar : function() {
			tables.unidadeGeradoraTabelaValidar('DOM/unidadesgeradoras.json');
			$('#inclusao').parents('.panel-results').eq(0).slideDown(function(){
				$('#tabUnidadeGeradora .btn-editar-unidade, #tabUnidadeGeradora .btn-delete').remove();
			});
			$('#panel-potencia-assegurada').slideDown();
			$('#unidadesGeradoras').parents('.panel-default').remove();
			$('#potenciaAssegurada').parents('.panel-default').remove();
			$('#potencia-assegurada > div > div > div > div').remove();
			soma.validate();
			soma.validateTable();
			// Exemplo de Aprovar tudo
			$('.aproveAll').on('click', function(event) {
				event.preventDefault();
				$('input[data-action="aprovar"]').trigger('click');
			});

			$('.cleanAprove').on('click', function(event) {
				event.preventDefault();
				$('.validar input').removeAttr('checked');
				$('.template-comment, .template-comment-table').css('display' , 'none');
			});
		},

		capacidadeComentariosValidar : function() {
			tables.unidadeGeradoraTabelaValidarComentarios('DOM/unidadesgeradorasAlteradas.json');
			$('#inclusao').parents('.panel-results').eq(0).slideDown();
			$('#panel-potencia-assegurada').slideDown();
			$('#unidadesGeradoras').parents('.panel-default').remove();
			$('#potenciaAssegurada').parents('.panel-default').remove();
			$('#potencia-assegurada > div > div > div > div').remove();
			soma.validate();
			//soma.validateTable();
			$('#reprovar_1').trigger('click');

			// Exemplo de Aprovar tudo
			$('.aproveAll').on('click', function(event) {
				event.preventDefault();
				$('input[data-action="aprovar"]').trigger('click');
			});

			$('.cleanAprove').on('click', function(event) {
				event.preventDefault();
				$('.validar input').removeAttr('checked');
				$('.template-comment, .template-comment-table').css('display' , 'none');
			});
		},

		cadastroComentarios : function() {
			common.comentarios("error");
			soma.responder();
			tables.compTabela('DOM/pontomedicao.json');
			tables.resultTabela('DOM/pontomedicaoResult.json', '#tabPontoMedResult',true);

			$('#pesquisarPontosMedicao').parents('.panel-default').remove();
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown();
			window.setTimeout(function(){
				$(".template-comment-table").show();
				$('#selecionadosPontoMedicao').parents('.panel-results').find("tr").eq(2).addClass("danger");},1000);
			soma.cadastro();
		}
	},

	Concessionario : {
		cadastroValidar : function() {
			tables.resultTabela('DOM/pontomedicaoResultValidate.json', '#tabPontoMedResult',true);
			$('#pesquisarPontosMedicao').parents('.panel-default').remove();
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown();
			soma.validate();
			soma.validateTable();
		},

		consumoValidar : function() {
			tables.resultTabela('DOM/agentesEnvolvidosResult.json', '#agenteEnvolvidoResult');
			soma.validate();
		},

		resgateValidar : function() {
			$('input[data-action="aprovar"]').trigger('click');

		},

		operacionalValidar : function() {
			$('#agenteEnvolvidoResult th:last-child').remove();
			$('#agenteEnvolvidoResult td:last-child').remove();
			tables.resultTabelaEstatico('DOM/agentesEnvolvidosResult.json', '#agenteEnvolvidoResult');
			tables.consorcioTabela('DOM/consorciadoResultValidar.json','#agenteConsorcioResult');

			$('#selecionadosAgentesEnvolvidos').parents('.panel-results').eq(0).slideDown();
			$('#selecionadosAgentesConsorciados').parents('.panel-results').eq(0).slideDown(function(){
				$('#agenteConsorcioResult th:last-child').remove();
				$('#agenteConsorcioResult td:last-child').remove();
			});
			$('#pesquisarAgentesEnvolvidos').parents('.panel-default').remove();
			$('#pesquisarAgentesConsorciados').parents('.panel-default').remove();
			$('.btn-delete').remove();
			soma.validate();
		}
	},

	Proprietario : {
		capacidadeComentarios : function() {
			tables.unidadeGeradoraTabelaProprietario('DOM/unidadesgeradorasReprovadas.json');
			common.comentarios("error");
			soma.responder();
			$('#inclusao').parents('.panel-results').eq(0).slideDown();
			$('#panel-potencia-assegurada').slideDown();
			$('#unidadesGeradoras').parents('.panel-default').remove();
			$('#potenciaAssegurada').parents('.panel-default').remove();
			$('#potencia-assegurada > div > div > div > div').remove();
			//soma.validate();
			soma.validateTable();
			$('#reprovar_1').trigger('click');
		},

		consumoComentarios : function() {
			common.comentarios("error");
			soma.responder();
			tables.resultTabelaEstatico('DOM/agentesEnvolvidosResult.json', '#agenteEnvolvidoResult');
			tables.consorcioTabela('DOM/consorciadoResul.json','#agenteConsorcioResult');
			$('#selecionadosAgentesEnvolvidos').parents('.panel-results').eq(0).slideDown();
			$('#selecionadosAgentesConsorciados').parents('.panel-results').eq(0).slideDown();
			$('#pesquisarAgentesEnvolvidos').parents('.panel-default').remove();
			$('#pesquisarAgentesConsorciados').parents('.panel-default').remove();
			$('.btn-danger').remove();
		},

		operacionalComentarios : function() {
			common.comentarios("error");
			soma.responder();
			tables.resultTabelaEstatico('DOM/agentesEnvolvidosResult.json', '#agenteEnvolvidoResult');
			tables.consorcioTabela('DOM/consorciadoResul.json','#agenteConsorcioResult');
			$('#selecionadosAgentesEnvolvidos').parents('.panel-results').eq(0).slideDown();
			$('#selecionadosAgentesConsorciados').parents('.panel-results').eq(0).slideDown();
			$('#pesquisarAgentesEnvolvidos').parents('.panel-default').remove();
			$('#pesquisarAgentesConsorciados').parents('.panel-default').remove();
			$('.btn-danger').remove();
			$('.panel-title').on('click', '.input-group, input', function(){
			$(this).parents('.panel-title').find('a').trigger('click');
			});
			$('.panel-title').find(':input').prop('readonly', 'readonly');

		},

		preenchimento : function() {
			tables.compTabela('DOM/pontomedicao.json');
			tables.resultTabela('DOM/pontomedicaoResult.json', '#tabPontoMedResult');
			soma.cadastro();
		}
	},

	Sucessor : {
		cadastroEditar : function() {
			tables.compTabela('DOM/pontomedicao.json');
			tables.resultTabela('DOM/pontomedicaoResultAlterar.json', '#tabPontoMedResult');
			tables.sucessorTabelaEstatico('DOM/agentes.json','#sucessorResult');
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown(function(){
				soma.associar();
			});
			soma.sucessor();
			msgsDashboard();
		},

		cadastroValidar : function() {
			tables.resultTabela('DOM/pontomedicaoResult.json', '#tabPontoMedResult');
			$('#pesquisarPontosMedicao').parents('.panel-default').remove();
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown(function(){
				$('#tabPontoMedResult td:last-child .btn-delete').remove();
			});
		}
	},

	Alteracao : {
		cadastroPontosMedicao : function() {
			tables.sucessorTabelaEstatico('DOM/agentes.json','#sucessorResult');
			tables.resultTabelaAlterar('DOM/pontomedicaoResultAlterar.json', '#tabPontoMedResult');
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown();
			soma.sucessor();
			msgsDashboard();
		},

		preenchimento : function() {
			tables.sucessorTabelaEstatico('DOM/agentes.json','#sucessorResult');
			tables.resultTabelaAlterar('DOM/pontomedicaoResultAlterar.json', '#tabPontoMedResult');
			tables.compTabela('DOM/pontomedicao.json');
			soma.cadastro();
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown();
			soma.sucessor();
			msgsDashboard();

			$('#alterarPropriedade').change(function(){
			 		$(".alterar-sucessor").toggle();
			});

		},

		preenchimento1 : function () {
			tables.compTabela('DOM/pontomedicao.json');
			tables.resultTabela('DOM/pontomedicaoResultAlterar.json', '#tabPontoMedResult');
			tables.sucessorTabelaEstatico('DOM/agentes.json','#sucessorResult');
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown(function(){
				soma.associar();
			});
			soma.sucessor();
			msgsDashboard();
		}
	},

	AlteracaoCarga : {

		preenchimento : function() {
			tables.sucessorTabelaEstatico('DOM/agentes.json','#sucessorResult');
			tables.resultTabelaAlterar('DOM/pontomedicaoResultAlterar.json', '#tabPontoMedResult');
			tables.compTabela('DOM/pontomedicao.json');
			soma.cadastro();
			$('#selecionadosPontoMedicao').parents('.panel-results').eq(0).slideDown();
			soma.sucessor();
			msgsDashboard();

			$('#alterarPropriedade').change(function(){
			 		$(".alterar-sucessor").toggle();
			});

		}
	},

	Aprovar : {
		consorcioJuridico : function() {
			tables.resultTabelaEstatico('DOM/agentesEnvolvidosResultJuridico.json', '#agenteEnvolvidoResult');
			tables.consorcioTabela('DOM/consorciadoResultJuridico.json','#agenteConsorcioResult',aoColumnsConsorciadoJuridico);
			$('#selecionadosAgentesEnvolvidos').parents('.panel-results').eq(0).slideDown();
			$('#selecionadosAgentesConsorciados').parents('.panel-results').eq(0).slideDown();
			$('#pesquisarAgentesEnvolvidos').parents('.panel-default').remove();
			$('#pesquisarAgentesConsorciados').parents('.panel-default').remove();
		},
		consorcioJuridicoCarga : function() {
			tables.resultTabelaEstatico('DOM/agentesEnvolvidosResultJuridico.json', '#agenteEnvolvidoResult');
			tables.consorcioTabela('DOM/consorciadoResultJuridico.json','#agenteConsorcioResult',aoColumnsConsorciadoJuridico);
			$('#selecionadosAgentesEnvolvidos').parents('.panel-results').eq(0).slideDown();
			$('#selecionadosAgentesConsorciados').parents('.panel-results').eq(0).slideDown();
			$('#pesquisarAgentesEnvolvidos').parents('.panel-default').remove();
			$('#pesquisarAgentesConsorciados').parents('.panel-default').remove();
		}
	}

};

function includeUnidadesGeradoras(){
	
	
	
	$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').on('click', '.cancela-inclusao', function(event) {
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('.btn-gravar').hide();
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('.btn-gravar2').hide();
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('.link-cancelar').hide();
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('.cancela-inclusao').hide();
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('.btn-editar-unidade').show();
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('.btn-incluir-vigencia').show();
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('.btn-excluir-vigencia').show();
		$('#inicioVigencia').parents('tr').removeClass('warning');
		$('#vigencia').val('01/01/2014');
		$('#inicioVigencia').val('01/01/2014');
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('input, select').not('.no-edit').attr('disabled','disabled');
	});
	
	$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').on('click', '.btn-gravar2', function(event) {
		$('.included').fadeIn();
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('.btn-gravar2').hide();
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('.link-cancelar').hide();
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('.cancela-inclusao').hide();
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('.btn-editar-unidade').show();
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('.btn-incluir-vigencia').show();
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('.btn-excluir-vigencia').show();
		$('#tabUnidadeGeradora, #tabAtualizacoesUnidadeParcela').find('input, select').not('.no-edit').attr('disabled','disabled');
		$('#inicioVigencia').parents('tr').removeClass('warning');
	});

	
}

function editUnidadesGeradoras(){

	$('#tabUnidadeGeradora').find('.btn-gravar').show();
	$('#tabUnidadeGeradora').find('.link-cancelar').show();
	$('#tabUnidadeGeradora').find('.cancela-inclusao').hide();
	$('#tabUnidadeGeradora').find('.btn-editar-unidade').hide();
	$('#tabUnidadeGeradora').find('.btn-incluir-vigencia').hide();
	$('#tabUnidadeGeradora').find('.btn-excluir-vigencia').hide();
	$('#tabUnidadeGeradora').find('input, select, a').not('.no-edit').removeAttr('disabled');


		$('#tabUnidadeGeradora').on('click', '.link-cancelar', function(event) {
		$('#tabUnidadeGeradora').find('.btn-gravar').hide();
		$('#tabUnidadeGeradora').find('.link-cancelar').hide();
		$('#tabUnidadeGeradora').find('.cancela-inclusao').hide();
		$('#tabUnidadeGeradora').find('.btn-editar-unidade').show();
		$('#tabUnidadeGeradora').find('.btn-incluir-vigencia').show();
		$('#tabUnidadeGeradora').find('.btn-excluir-vigencia').show();

		$('#tabUnidadeGeradora').find('input, select, a').not('.no-edit').attr('disabled','disabled');
	});
	
	
	$('#tabUnidadeGeradora').on('click', '.btn-gravar', function(event) {
		$('.included').fadeIn();
		$('#tabUnidadeGeradora').find('.btn-gravar').hide();
		$('#tabUnidadeGeradora').find('.link-cancelar').hide();
		$('#tabUnidadeGeradora').find('.btn-editar-unidade').show();
		$('#tabUnidadeGeradora').find('.btn-incluir-vigencia').show();
		$('#tabUnidadeGeradora').find('.btn-excluir-vigencia').show();
		$('#vigencia').val($('#inicioVigencia').val());
		$('#tabUnidadeGeradora').find('input, select, a').not('.no-edit').attr('disabled','disabled');
	});
	
}

function editUnidadesGeradorasParcela(){
	$('#tabAtualizacoesUnidadeParcela').find('.btn-gravar').show();
	$('#tabAtualizacoesUnidadeParcela').find('.link-cancelar').show();
	$('#tabAtualizacoesUnidadeParcela').find('.btn-editar-unidade').hide();
	$('#tabAtualizacoesUnidadeParcela').find('.btn-incluir-vigencia').hide();
	$('#tabAtualizacoesUnidadeParcela').find('.btn-excluir-vigencia').hide();
	$('#tabAtualizacoesUnidadeParcela').find('input, select').not('.no-edit').removeAttr('disabled');


	$('#tabAtualizacoesUnidadeParcela .link-cancelar').on('click', function(event) {
		$('#tabAtualizacoesUnidadeParcela').find('.btn-gravar').hide();
		$('#tabAtualizacoesUnidadeParcela').find('.link-cancelar').hide();
		$('#tabAtualizacoesUnidadeParcela').find('.btn-editar-unidade').show();
		$('#tabAtualizacoesUnidadeParcela').find('.btn-incluir-vigencia').show();
		$('#tabAtualizacoesUnidadeParcela').find('.btn-excluir-vigencia').show();

		$('#tabAtualizacoesUnidadeParcela').find('input, select').not('.no-edit').attr('disabled','disabled');
	});

	$('#tabAtualizacoesUnidadeParcela .btn-gravar').on('click', function(event) {
		$('.included').fadeIn();
		$('#tabAtualizacoesUnidadeParcela').find('.btn-gravar').hide();
		$('#tabAtualizacoesUnidadeParcela').find('.link-cancelar').hide();
		$('#tabAtualizacoesUnidadeParcela').find('.btn-editar-unidade').show();
		$('#tabAtualizacoesUnidadeParcela').find('.btn-incluir-vigencia').show();
		$('#tabAtualizacoesUnidadeParcela').find('.btn-excluir-vigencia').show();
		//$('#vigencia').val($('#inicioVigencia').val());
		$('#tabAtualizacoesUnidadeParcela').find('input, select').not('.no-edit').attr('disabled','disabled');
	});
}

// Tour Guiada IntroJS 

// JSON Dashboard

function startIntroTemp(){
  var tour = introJs();
    tour.setOptions({
      steps: [
        {
          intro: '<h4 class="nopadding">Dashboard</h4>Olá! Conheça os recursos do seu Dashboard do SMMB. <br/> <br/> <span class="glyphicon glyphicon-arrow-left"></span> pressione <span class="glyphicon glyphicon-arrow-right"></span> para navegar.<br/> <br/> Caso deseje finalizar a navegação, clique em  <span class="label label-success">Já entendi!</span>'
        },
        {
          element: document.querySelector('.glyphicon-filter'),
          intro: '<h4 class="nopadding">Filtro dinâmico</h4>Para entender melhor os filtros do painel, acesse o passo a passo referente aos filtros.',
          position: 'left'
        },
        {
          element: document.querySelectorAll('.ajuda-gat')[0],
          intro: 'Em qualquer momemnto você poderá optar por acionar os botões de ajuda do sistema.',
          position: 'right'
        }
      ]
    });
  

tour.setOptions({'skipLabel':'Já Entendi!','nextLabel':'Continuar','prevLabel':'Voltar','doneLabel':'Concluir', 'exitOnEsc':'false','showProgress':'false'})

    tour.start();
}

// JSON Dashboard

function startIntro(){
  var tour = introJs();
    tour.setOptions({
      steps: [
        {
          intro: '<h4 class="nopadding">Dashboard</h4>Olá! Conheça os recursos do seu Dashboard do SMMB. <br/> <br/> <span class="glyphicon glyphicon-arrow-left"></span> pressione <span class="glyphicon glyphicon-arrow-right"></span> para navegar.<br/> <br/> Caso deseje finalizar a navegação, clique em  <span class="label label-success">Já entendi!</span>'
        },
        {
          element: document.querySelectorAll('.tabAndamento')[0],
          intro: 'Ao clicar na aba "Em Andamento", o sistema retorna todas as solicitações que ainda estão abertas.',
          position: 'bottom'
        },
        {
          element: document.querySelectorAll('.tabFinalizada')[0],
          intro: 'Já clicando na aba “Finalizadas”, é possível filtrar as solicitações concluídas ou canceladas. ',
          position: 'bottom'
        },
        {
          element: document.querySelectorAll('#propriedade')[0],
          intro: 'É possível filtrar as solicitações por tipo de envolvimento: "Proprietário", "Concessionário" e "Envolvido".',
          position: 'right'
        },
        {
          element: document.querySelector('#step1'),
          intro: 'No painel, é possível visualizar todas as etapas do processo de modelagem.',
          position: 'bottom'
        },
        {
          element: document.querySelectorAll('#bt01')[0],
          intro: '<h4 class="nopadding">Status</h4>O sistema já carrega todas as etapas automaticamente, porém, para ajustar o filtro, basta clicar no status não desejado para removê-lo.',
          position: 'top'
        },
        {
          element: document.querySelectorAll('.invert')[0],
          intro: 'Para cada opção de filtro, o sistema informa quantas solicitações existem no status em questão.',
          position: 'bottom'
        },
        {
          element: document.querySelectorAll('.btn-select-all')[0],
          intro: 'O botão <strong>"Selecionar todos"</strong> pressionado mantém todas as solicitações do agente na lista.',
          position: 'bottom'
        },
        {
          element: document.querySelectorAll('.btn-clear-selection')[0],
          intro: 'Se preferir, utilize a opção de <strong>"Limpar seleção"</strong> para que você escolha os parâmetros desejados. ',
          position: 'bottom'
        },
        {
          element: document.querySelectorAll('.tipoData')[0],
          intro: 'Ainda há mais uma opção de filtro, <strong>“Selecione o tipo de data”</strong>, a qual temos as seguintes opções, <strong>“Apta para”</strong>, <strong>“Solicitada para”</strong> e <strong>“Autorizada para”</strong>. Ao selecionar uma das opções, o sistema retornará as informações pertinentes',
          position: 'bottom'
        },
        {
          element: document.querySelectorAll('.dataPick')[0],
          intro: 'Ao clicar no filtro escolha o período, selecione no calendário o período desejado, <strong>“De”</strong> - <strong>“Até”</strong>, e em seguida clique em <strong>“Ok”</strong>. Caso não deseje mais usar o filtro, clique em “Cancelar”. <br><br>	<img src="img/calendario-home.png" width="100%">',
          position: 'left'
        },
        {
          element: document.querySelectorAll('.label')[0],
          intro: 'Acompanhe o status da solicitação pelo dashboard.',
          position: 'top'
        },
        {
          element: document.querySelectorAll('.indicador')[0],
          intro: 'A coluna de indicadores sinaliza as pendências existentes no processo.',
          position: 'left'
        },
        {
          element: document.querySelectorAll('.DTTT_button_xls')[0],
          intro: 'Por fim, é possível exportar a lista para um arquivo. Para esta ação utilize este botão.',
          position: 'top'
        },
        {
          element: '#step4',
          intro: "Ficou com alguma dúvida? <br/><br/>No rodapé temos a nossa Ajuda On-line.",
          position: 'bottom'
        }
      ]
    });
  

tour.setOptions({'skipLabel':'Já entendi!','nextLabel':'Continuar','prevLabel':'Voltar','doneLabel':'Finalizar ajuda', 'exitOnEsc':'false','showProgress':'false'})

    tour.start();
}

// JSON Tela de Cadastro utilizando exemplos com ID, CLASSES, querySelector('.class-name'),  querySelectorAll('#id-name')[0]

//document.querySelectorAll('.sidebar-offcanvas')[0].setAttribute("data-step", "1");
//document.querySelectorAll('#sma_status')[0].setAttribute("data-step", "2");


function startIntroCad(){
  var tour = introJs();
    tour.setOptions({
      steps: [
        {
	      element: '#sma_status', 
          intro: 'Painel informativo da Solicitação.',
          position: 'bottom'
        },
        {
          element: document.querySelector('.sidebar-offcanvas'),
          intro: "<h4 class='nopadding'>Organização da solicitação</h4>Menu de navegação para preenchimento da Solicitação.",
          position: 'right'
        },
        {
          element: document.querySelector('.btn-verifica'),
          intro: "<h4 class='nopadding'>Verificar inconsistências</h4>Botão de auxílio que verifica as inconsistências encontradas na Solicitação antes de encaminhá-la.",
          position: 'top'
        },
        {
          element: document.querySelectorAll('.active')[0],
          intro: "<h4 class='nopadding'>Sinalização</h4>Todas as inconsistências serão apresentadas com este ícone &nbsp;<span class='glyphicon glyphicon-warning-sign bg-icon warning-yellow'></span>&nbsp; no menu da Solicitação.",
          position: 'right'
        },
        {
          element: document.querySelectorAll('.control-label')[0],
          intro: "<h4 class='nopadding'>Dicas</h4>Passe o mouse sobre os labels para ver dicas de preenchimento.",
          position: 'bottom'
        },
        {
          element: document.querySelectorAll('#acoes')[0],
          intro: "<h4 class='nopadding'>Conclusão do preenchimento</h4>Ao finalizar o preenchimento da solicitação, utilize o menu 'Ações' para Gravá-la ou Encaminhá-la para a próxima etapa. <br/> <br/>Através deste menu você também pode <strong>Cancelar uma solicitação Em Preenchimento</strong> ou voltar ao Dashboard.",
          position: 'left'
        }
      ]
    });
      
tour.setOptions({'skipLabel':'Já entendi!','nextLabel':'Continuar','prevLabel':'Voltar','doneLabel':'Finalizar ajuda', 'exitOnEsc':'false','showProgress':'true'})

    tour.start();
}


function startIntroView(){
  var tour = introJs();
    tour.setOptions({
      steps: [
	     {
          intro: '<h4 class="nopadding">Precisando de ajuda?</h4>Bem-vindo ao dashboard do SMMB. <br/><br/>Clique em <span class="label label-default">Continuar</span> para navegar através das funcionalidades do painel.',
          position: 'bottom'
        },
        {
          element: document.querySelector('.glyphicon-user'),
          intro: "<h4 class='nopadding'>Usuário</h4>Aqui você pode verificar o usuário que está logado no sistema.",
          position: 'bottom'
        },
        {
          element: document.querySelector('.ui-autocomplete-input'),
          intro: "Neste campo, é possível selecionar o agente.",
          position: 'bottom-left-aligned'
        },
        {
	      element: '.page-header', 
          intro: '<h4 class="nopadding">Dashboard</h4>No dashboard é possível visualizar todas as Solicitações de Modelagem que o Agente está envolvido. ',
          position: 'bottom'
        },
        {
	      element: '#ajudaTab', 
          intro: '<h4 class="nopadding">Entenda as etapas</h4>Caso queira entender alguma etapa do processo, clique na etapa desejada para obter mais detalhes.',
          position: 'top'
        },
        {
	      element: '.ajuda-rodape', 
          intro: '<h4 class="nopadding">Ajuda on-line</h4>No rodapé está disponível um guia com as principais operações do sistema.',
          position: 'top'
        },
        {
	      element: '.header', 
          intro: '<h4 class="nopadding">Voltar ao dashboard</h4> Caso queira voltar ao dashboard a partir de qualquer tela, clique no logo do SMMB.',
          position: 'bottom'
        }
      ]
    });
      
tour.setOptions({'skipLabel':'Já entendi!','nextLabel':'Continuar','prevLabel':'Voltar','doneLabel':'Finalizar ajuda', 'exitOnEsc':'false','showProgress':'true'})

    tour.start();
}

/*Pontos de Medição*/

function startIntroPontos(){
  var tour = introJs();
    tour.setOptions({
      steps: [
        {
          element: document.querySelector('.panel-sma'),
          intro: "<h4 class='nopadding'>Incluir Pontos de Medição</h4>A inclusão dos pontos de medição na sua solicitação é feita através deste painel. <br><br>Para isso é necessário realizar uma consulta.",
          position: 'bottom'
        },
        {
          element: document.querySelector('.search'),
          intro: "Para efetuar uma inclusão de Ponto de Medição é necessário fazer uma pesquisa com os campos disponíveis.",
          position: 'bottom-left-aligned'
        },
        {
	      element: '#pontoMed', 
          intro: '<h4 class="nopadding">Parecer de Localização</h4>Uma das opções de consulta é o Parecer de Localização. ',
          position: 'top'
        },
        {
	      element: '#pmFieldSearch', 
          intro: '<h4 class="nopadding">Número do Parecer de Localização</h4>Para uma pesquisa específica procure pelo número do parecer de localização.',
          position: 'bottom'
        },
        {
	      element: '#ano', 
          intro: '<h4 class="nopadding">Ano</h4>O filtro pode ser parametrizado por ano.',
          position: 'left'
        },
        {
	      element: '.btn-pesquisar', 
          intro: 'Definidos os parâmetros clique em <strong>"Pesquisar"</strong>. Selecione os Pontos desejados e clique no botão <button type="button" class="btn btn-success btn-incluir btn-xs"><span class="glyphicon glyphicon-plus"></span> Incluir</button>',
          position: 'right'
        }
      ]
    });
      
tour.setOptions({'skipLabel':'Já entendi!','nextLabel':'Continuar','prevLabel':'Voltar','doneLabel':'Finalizar ajuda', 'exitOnEsc':'false','showProgress':'true'})

    tour.start();
}

/*Unidade Geradora*/

function startIntroUg(){
  var tour = introJs();
    tour.setOptions({
      steps: [
        {
          element: document.querySelector('.panel-sma'),
          intro: "<h4 class='nopadding'>Incluir Unidades Geradoras</h4>Para incluir uma nova unidade geradora, o preenchimento deve ser realizado nessa seção.",
          position: 'left'
        },
        {
	      element: '.replicarUg', 
          intro: '<h4 class="nopadding">Replicar</h4>No momento da inclusão, a unidade geradora que está sendo cadastrada pode ser utilizada como referência para replica.',
          position: 'top'
        },
        {
	      element: '.btn-incluir-unidade', 
          intro: '<h4 class="nopadding">Conclusão</h4>Com todas as informações preenchidas, deve ser selecionado o botão <button type="button" class="btn btn-success btn-incluir-unidade btn-xs"><span class="glyphicon glyphicon-plus"></span> Incluir Unidade Geradora</button>',
          position: 'top'
        }
      ]
    });
      
tour.setOptions({'skipLabel':'Já entendi!','nextLabel':'Continuar','prevLabel':'Voltar','doneLabel':'Finalizar ajuda', 'exitOnEsc':'false','showProgress':'true'})

    tour.start();
}